1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript" src="js/slideshow.kenburns.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
var data = {
'20.jpg' : {thumbnail : '20.jpg'},
'1.jpg': { thumbnail : '1.jpg'} ,
'2.jpg': { thumbnail : '2.jpg'},
'6.jpg' : {thumbnail : '6.jpg'},
'7.jpg' : {thumbnail : '7.jpg'},
'9.jpg' : {thumbnail : '9.jpg'},
'10.jpg' : {thumbnail : '10.jpg'},
'12.jpg' : {thumbnail : '12.jpg'},
'13.jpg' : {thumbnail : '13.jpg'},
'15.jpg' : {thumbnail : '15.jpg'},
'17.jpg' : {thumbnail : '17.jpg'},
};
var myShow = new Slideshow.KenBurns('show', data, {delay : 2500,controller: true, height: 350,hu:'images/', thumbnails: true, width: 450,captions : true, pan: 100, zoom: [0, 25]});
});
//]]>
</script> |
Partager