Problèmes jQuery lightbox

Question

J'ai un certain nombre d'images sur une page, certaines avec des images supplémentaires détaillées qui sont cachées avec css, de sorte qu'ils ne peuvent être visibles dans la boîte à lumière.

This can be seen here.

Chaque série d'images est dans un div, le problème est que j'ai lorsque vous accédez à la visionneuse, vous pouvez cliquer sur Suivant et passer par toutes les images sur la page, je wan't l'utilisateur pour être seulement capable de cliquer sur suivant/précédent pour accéder aux images dans cette div, et pas toute la page, est-ce que cela est possible?

Merci

Answer 1

Je suis sûr que si vous pouvez le faire avec le plugin lightbox mais j'utiliser le plugin fancybox et afficher des ensembles d'images à l'aide de Javascript. Je les affiche via un lien mais vous pouvez facilement le modifier.

<a href="Javascript:DisplaySetOne();" title="View Images">View Images</a> 

Et le Javascript

function DisplaySetOne() { 


     $.fancybox([ 
    { 'href': '../Content/A.jpg', 'title': 'A' }, 
    { 'href': '../Content/B.jpg', 'title': 'B' }, 
    { 'href': '../Content/C.jpg', 'title': 'C' } 
    ], { 
     'padding': 0, 
     'transitionIn': 'none', 
     'transitionOut': 'none', 
     'type': 'image', 
     'changeFade': 0 

    }) 
    }; 

Answer 2

Je viens de rencontrer le même problème et je voulais la solution pour référence future:

Vous groupe pourrait les en imagesets comme celui-ci

<div id="container1"> 
    <img rel="lightbox[container1]" src="asdf1.png" alt="asdf1_image" /> 
    <img rel="lightbox[container1]" src="asdf2.png" alt="asdf2_image" /> 
    <img rel="lightbox[container1]" src="asdf3.png" alt="asdf3_image" /> 
</div> 
<div id="container2"> 
    <img rel="lightbox[container2]" src="asdf4.png" alt="asdf4_image" /> 
    <img rel="lightbox[container2]" src="asdf5.png" alt="asdf5_image" /> 
    <img rel="lightbox[container2]" src="asdf6.png" alt="asdf6_image" /> 
</div> 

La version actuelle de lightbox et sa documentation utilise l'attribut data-lightbox d Je devais le faire dans une application héritée utilisant la version 2.51 qui reposait toujours sur l'attribut rel.