J'ai intégré un diaporama (jackwanders-GalleryView) sur une page mais j'aimerai rajouter une lightbox a ce diapo (lorsque l'on clique sur une image la lightbox se met en marche) . J'ai pris la lightbox2 que j'ai essayer d'intégrer, mais ça ne fonctionne pas. Voila ma page HTML.
Merci d'avance pour
[code]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GalleryView - Default Demo</title>
<!-- First, add jQuery (and jQuery UI if using custom easing or animation -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<!-- Second, add the Timer and Easing plugins -->
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- Third, add the GalleryView Javascript and CSS files -->
<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" />
<!-- Lastly, call the galleryView() function on your unordered list(s) -->
<script type="text/javascript">
$(function(){
$('#myGallery').galleryView();
});
</script>
</head>
<body>
<ul id="myGallery">
<a href="GImage/boreal.jpg" rel="lightbox"><li><img src="paysage1.jpg" alt="Lone Tree Yellowstone" /></li></a>
<li><img src="paysage2.jpg" alt="Is He Still There?!" /></li>
<li><img src="paysage3.jpg" alt="Noni Nectar For Green Gecko" /></li>
<li><img src="paysage4.jpg" alt="Flight of an Eagle Owl" /></li>
<li><img src="paysage5.jpg" alt="Winter Lollipops" /></li>
<li><img src="paysage6.jpg" alt="Day of Youth" /></li>
<li><img src="paysage7.jpg" alt="Sunbathing Underwater" /></li>
<li><img src="paysage8.jpg" alt="Untitled" /></li>
</ul>
<script src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</body>
</html>
Merci d'avance pour
[code]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GalleryView - Default Demo</title>
<!-- First, add jQuery (and jQuery UI if using custom easing or animation -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<!-- Second, add the Timer and Easing plugins -->
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- Third, add the GalleryView Javascript and CSS files -->
<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>
<link type="text/css" rel="stylesheet" href="css/jquery.galleryview-3.0-dev.css" />
<!-- Lastly, call the galleryView() function on your unordered list(s) -->
<script type="text/javascript">
$(function(){
$('#myGallery').galleryView();
});
</script>
</head>
<body>
<ul id="myGallery">
<a href="GImage/boreal.jpg" rel="lightbox"><li><img src="paysage1.jpg" alt="Lone Tree Yellowstone" /></li></a>
<li><img src="paysage2.jpg" alt="Is He Still There?!" /></li>
<li><img src="paysage3.jpg" alt="Noni Nectar For Green Gecko" /></li>
<li><img src="paysage4.jpg" alt="Flight of an Eagle Owl" /></li>
<li><img src="paysage5.jpg" alt="Winter Lollipops" /></li>
<li><img src="paysage6.jpg" alt="Day of Youth" /></li>
<li><img src="paysage7.jpg" alt="Sunbathing Underwater" /></li>
<li><img src="paysage8.jpg" alt="Untitled" /></li>
</ul>
<script src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</body>
</html>