Sexy Lightbox 2
Utiliser "Sexy Lightbox"
Ajouter ce code dans le HEAD en tenant compte de votre chemin :
<script src="../sexy-lightbox-2/sexylightbox.packed.js" type="text/javascript"></script>
<link rel="stylesheet" href="../sexy-lightbox-2/sexylightbox.css" type="text/css" media="all" />
<script type="text/javascript">
window.addEvent('domready', function(){
new SexyLightBox();
new SexyLightBox({find:'sexywhite',color:'white', OverlayStyles:{'background-color':'#000'}});
});
</script>
<a href="http://www.google.com?TB_iframe=true&height=450&width=800" rel="sexylightbox" >Une page html</a>
<a rel="sexywhite" title="Rover lunaire" href="http://www.monsite.com/images/mon_images.jpg">Mon lien</a>
<a rel="sexylightbox[group1]" href="http://www.monsite.com/images/img_01.jpg">Mon lien 01</a>
<a rel="sexylightbox[group1]" href="http://www.monsite.com/images/img_02.jpg">Mon lien 02</a>
<a rel="sexylightbox[group1]" href="http://www.monsite.com/images/img_03.jpg">Mon lien 03</a>
<a rel="sexylightbox[group1]" href="http://www.monsite.com/images/img_04.jpg">Mon lien 04</a>
- Texte inline avec scroll auto (Le texte affiché est dans une div masquée : display : none)
<a href="#Tnom_de_la_div_masquée?height=250&width=300&inlineId=texte_inline" rel="sexylightbox" title="Lorem ipsum!">Mon lien</a>
<a href="http://www.monsite.com/page.php?height=400&width=465" rel="sexylightbox" >Mon lien</a>
<a href="http://www.monsite.com/page.php?TB_iframe=true&height=470&width=625" rel="sexylightbox" title="Une animation Flash" >Mon lien</a>
