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 26 27 28 29 30 31 32 33 34 35 36 37
| <script type="text/javascript" src="js/jquery-1.4.2.min.js">
</script>
<script type="javascript" src="js/jqFancyTransitions.1.8.min.js">
</script>
<script type="text/javascript">
$(document).ready( function(){
$('#slideshowHolder').jqFancyTransitions({ width: 400, height: 300 });
});
effect: '', // wave, zipper, curtain
width: 300, // width of panel
height: 250, // height of panel
strips: 20, // number of strips
delay: 5000, // delay between images in ms
stripDelay: 50, // delay beetwen strips in ms
titleOpacity: 0.7, // opacity of title
titleSpeed: 1000, // speed of title appereance in ms
position: 'alternate', // top, bottom, alternate, curtain
direction: 'fountainAlternate', // left, right, alternate, random, fountain, fountainAlternate
navigation: false, // prev and next navigation buttons
links: false // show images as links
</script>
</head>
<body>
<div id='slideshowHolder'>
<img src='images/1.gif' alt='img1' />
<img src='images/2.gif' alt='img2' />
<img src='images/3.gif' alt='img3' />
</div>
</body> |
Partager