<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script src="js/webwidget_slideshow_html5_simple.js"></script>
<div id="webwidget_slideshow_html5_simple">
<ul>
<li>
<a href="#"><img src="images/slideshow_large_1.jpg" alt="Sky" /></a>
</li>
<li>
<img src="images/slideshow_large_2.jpg" alt="Sea" />
</li>
<li>
<a href="#"><img src="images/slideshow_large_3.jpg" alt="Flower" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_4.jpg" alt="Tree" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_1.jpg" alt="Sky" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_2.jpg" alt="Sea" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_3.jpg" alt="Flower" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_4.jpg" alt="Tree" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_1.jpg" alt="Sky" /></a>
</li>
<li>
<a href="#"><img src="images/slideshow_large_2.jpg" alt="Sea" /></a>
</li>
</ul>
</div>
<script language="javascript" type="text/javascript">
$(function() {
$("#webwidget_slideshow_html5_simple").webwidget_slideshow_html5_simple({
slideshow_transition_effect: 'Mosaic,Wipe_from_horizontal_blind,Wipe_from_vertical_blind,Wipe_from_vertical_center,Wipe_from_horizontal_center,Wipe_to_horizontal_center,Wipe_to_vertical_center,Wipe_from_bottom_to_top,Wipe_from_top_to_bottom,Wipe_from_right_to_left',
slideshow_time_interval: '4000',
slideshow_window_width: '500',
slideshow_window_height: '400',
slideshow_background_color: '#FFF',
slideshow_border: '#999 solid 2px',
text_effect: 'text_fade'
});
});
</script>
slideshow_transition_effect: | each image transition effect |
slideshow_time_interval: | images interval time |
text_effect: | alt="Sky" |
适用浏览器:适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。