Bonjour à tous.
On m'a conseillé votre forum pour obtenir de l'aide pour régler mon problème, c'est pourquoi je poste ici.
On m'a demandé de faire un site internet pour un photographe. Seulement voilà, n'ayant aucune connaissance allant plus loin que le HTML, cela reste du basique. J'ai voulu intégrer un truc en javascript ayant pour nom : jquery lightbox.
Tout fonctionnait bien jusqu'à ce que je me rende compte que tous les liens dans la page étaient comptés comme des photos (c'est-à-dire que les liens "page suivante" ou "menu" etc, sont ouverts par la lightbox qui essaye de les afficher comme des photos). Du coup, on peut pas naviguer dans le site, ce qui est un vrai problème :p.
<script type ="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>
</html>
A la fin de ce code, il est mentionné quelque chose pour n'utiliser que tel ou tel type de lien, seulement je n'arrive pas à mettre ça en place.
Quelqu'un pourrait-il m'aider à résoudre mon problème?
Merci d'avance
Cordialement, Zuldar
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
// This, or...
$('#gallery a').lightBox(); // Select all links in object with gallery ID
// This, or...
$('a.lightbox').lightBox(); // Select all links with lightbox class
// This, or...
$('a').lightBox(); // Select all links in the page
// ... The possibility are many. Use your creative or choose one in the examples above
});
</script>
Ce sont ici les méthodes d'utilisation de l'api. Etant donné que tu les a toutes mises, seule la dernières est prise en compte soit $('a').lightBox(); >> toutes les ancres.
Je te conseilles de virer ces lignes et ne garder que $('a[@rel*=lightbox]').lightBox();
Rajoute ensuite l'attribut rel="lighbox" à toutes tes ancres concerné par lightbox.
Merci, les liens fonctionnent maintenant mais les images ne s'affichent plus avec la lightbox :p
J'ai laissé ça à la fin comme tu me l'as suggéré :
<script type="text/javascript">
$(function() {
// Use this example, or...
$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
});
</script>
