La nouvelle plate-forme Overblog : utiliser, créer, publier...
18 Août 2012
Tous les thèmes ne proposent pas en standard une fonction d'affichage de vos images ou photos en lightbox.
C'est quoi une lightbox ?
C'est un affichage pop-in. Les pop-ins sont des cadres qui s'affichent au-dessus du contenu d'un site web. Ils peuvent être de tailles et de formes diverses.
Ils contiennent souvent du contenu lié au site web comme du texte, des photos (Lightbox) ou encore de la vidéo.
Leur fonctionnement est similaire aux pop-ups. La différence réside dans le fait que les pop-ins ne s'ouvrent qu'à l'intérieur d'une page web.
Cliquez sur la nature morte pour voir en action.
Comment procéder ?
Très simplement, il vous faut tout d'abord ajouter dans la section <HEAD></HEAD> de votre code HTML de template les deux lignes suivantes, juste avant le </HEAD> :
<link rel="stylesheet" type="text/css" href="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="http://assets.over-blog-kiwi.com/themes/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
Puis d'ajouter juste avant la balise </BODY> ce fragment de code JQUERY :
<script type="text/javascript">
$(document).ready(function() {
$("a.ob-link-img").fancybox();
});
</script> >
C'est tout !
/image%2F0098646%2F201210%2Fob_2d31fcf0d44ab865a673f72542504ece_slideshow.png)
/image%2F0098646%2F201209%2Fob_1b7356_2e7cfbd475b82e17f93fe9a675ef7ebf.png)
/image%2F0098646%2F201208%2Fob_5fc6bb2f025cee05dd1d3a60e233198f_27-08-2012-13-52-56.png)
/image%2F0098646%2F201208%2Fob_7e6a38ba63d6507a19d8af765e5fda5b_p271628573-2.jpg)