Bonjour,
Je suis en train de rédiger une sorte d'index dont les entrées doivent pointer vers des galeries Zoombox. Le problème qui se pose c'est que si plusieurs entrée ("tag1" "tag2" "tag3" ...) pointent toutes vers la première image de la "zoombox zgallery1" je vais avoir plusieurs fois l'image 1 dans cette galerie.
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag1</a><br />
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag2</a><br />
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag3</a><br />
<!-- IMAGES GALLERY (caché) -->
<a class="zoombox zgallery1" title="" href="images/01/photos/01-02-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-03-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-04-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-05-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-06-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-07-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-08-p.jpg"></a>
<!-- FIN IMAGES GALLERY -->
Il y a-t-il un moyen de faire un lien qui pointe vers cette "zoombox zgallery1" sans que son "href" soit forcément "images/01/photos/01-01-p.jpg" ?
Merci de votre aide.
Hatfab
Bonjour,
En faite il faudrait que au click du lien récupérer son URL par exemple :
$("a").click(function(){
var url = $(this).attr("href");
//....
});
Merci de ta réponse mais je ne comprends pas bien comment utiliser ton bout de code. Peux-tu m'en dire un peu plus ?
Est ce que que tu as commencé à rédiger ton code jquery ? si oui montre le moi cela sera plus simple pour moi de t'expliquer
Le seul code jquery que j'ai sur ma page est celui de zoombox :
<!--````````````````ZOOMBOX````````````````*-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="scripts/js/zoombox/zoombox.js"></script>
<link href="scripts/js/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(function($){
$('a.zoombox').zoombox({
duration : 1,
opacity : 1,
gallery : false,
autoplay : true,
width : 800,
height : 480,
theme : 'darkprettyphoto' //, lightbox, prettyphoto, darkprettyphoto, simple, zoombox
});
});
</script>
<!--````````````````END ZOOMBOX````````````````*-->
Ah oui en faite tu as juste repris le plugin et tu as mis la configuration dont tu avais besoin !
alors le problème viendrais plutôt de ton HTML.
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag1</a><br />
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag2</a><br />
<a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag3</a><br />
<!-- IMAGES GALLERY (caché) -->
<a class="zoombox zgallery1" title="" href="images/01/photos/01-02-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-03-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-04-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-05-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-06-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-07-p.jpg"></a>
<a class="zoombox zgallery1" title="" href="images/01/photos/01-08-p.jpg"></a>
<!-- FIN IMAGES GALLERY -->
tag1, tag2, tag3 ont le même lien href est ce normal ?
La galerie caché quand est ce qu'elle s'affiche ?
as tu un lien pour que je puisse voir ton zoombox en action ?
Oui, c'est ça l'idée. Plusieurs liens doivent lancer la même galerie, c'est pour cela que les 3 tags ont le même lien.
Voici le lien vers la page :
Ma page de recherche
Tu verras que pour l'instant les liens sont groupés par galerie, mais ce que je voudrais c'est qu'ils soient indépendants pour cela il faut qu'ils pointent tous vers la même première image mais du coup ça multiplie cette image autant de fois dans la galerie.
La galerie cachée s'affiche quand la galerie zoombox est activée par le lien <a class="zoombox zgallery1" href="images/01/photos/01-01-p.jpg">tag1</a>
honnêtement la je ne sais pas !
je n'ai pas eu de problème de se coté la, d'une part car j'ai créé mon propre zoombox, d'autre part j'ai gérer ça avec ma base de données en créant une table galerie et une image. Dans la table image j'ai la clef étrangère de l'id galerie.
en suite dans mes liens je met le nom de la galerie puis j'effectue un SELECT en jointure.
Peut être attendre une réponse de quelqu'un de plus confirmé que moi :D ou aussi aller poster ici
Encore désolé de ne pas pouvoir aider plus