Bonjour,
J'ai bidouillé le code fourni par(
Flshow pour réaliser un carrousel tournant lentement. Chose réussite, mais il me reste quelques points importants à trouver (et donc à corriger) :
- régler la hauteur du carrousel (voir exemple)
- intégrer lightbox
Car malgré l'explication fourni par le site, tous mes tests sont restés infructueux.
Voila mon code xlm:
Code XML :
<?xml version="1.0" encoding="utf-8"?>
<!--
flShow Carousel 2.0 configuration file
Please visit http://www.flshow.net/ for more info
-->
<slide_show>
<options>
<background>transparent</background>
<!-- #RRGGBB, transparent -->
<interaction>
<rotation>auto</rotation>
<!-- auto, mouse, keyboard -->
<view_point>mouse</view_point>
<!-- none, mouse, keyboard -->
<speed>15</speed>
<!-- [-360,360] degrees per second -->
<default_view_point>50%</default_view_point>
<!-- [0,100] percentage -->
</interaction>
<margins>
<vertical_ratio>90%</vertical_ratio> <!-- [1,100] a photo may occupy at most verticalRatio percent of the Carousel height -->
</margins>
</options>
<photo href="http://**********.fr/big_0PR_04LS__2AU6S1.htm" target="_self" title="Prada 04LS">./images/big_0PR_04LS__2AU6S1.png</photo>
<photo href="javascript:aclick('anchor1_id')" target="_self" title="Prada 04MS">./images/big_0PR_04MS__2AU8C1.png</photo>
<photo href="http://**********.fr/" target="_blank" Title="Prada 06MS">./images/big_0PR_06MS__ACF3M1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="Prada 03NS">./images/big_lunette-prada-PR-03NS-1AB1A1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="prada 04NS">./images/big_lunette-prada-PR-04NS-BF46S1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="Prada 05NS">./images/big_lunette-prada-PR-05NS-2AU6S1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="prada 06NS">./images/big_lunette-prada-PR-06NS-4AO3M1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="Prada 08NS">./images/big_lunette-prada-PR-08NS-1AB3M1.png</photo>
<photo href="http://**********.fr/" target="_blank" title="Prada 09NS">./images/big_lunette-prada-PR-09NS-2AU6S1.png</photo>
</slide_show>mon code html :
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<title>flShow - Carousel</title>
<meta name="Author" content="Saverio Caminiti" />
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
html, body {
height: 100%;
margin: 0px;
border: 0px;
padding: 0px;
color: black;
background:transparent;
}
.carousel_container {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="carousel_container">
<div id="carousel1">
<p>This slideshow requires <a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player 9.0</a> (or higher). JavaScript must be enabled.</p>
</div>
</div>
<script type="text/javascript">
swfobject.embedSWF("Carousel.swf", "carousel1", "100%", "100%", "9.0.0", false, {xmlfile:"default.xml", loaderColor:"0xCCCCCC"}, {wmode: "transparent"});
</script>
</body>
</html>Merci par avance