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> |
jqFancyTransitions plugin
Répondre avec citation
que fait l'initialisation dans la partie SCRIPT
Partager