zoomslideshow

功能描述

带放大镜功能的jQuery轮播图插件

快速使用

初始化插件

// 在页面DOM元素加载完毕之后，通过下面的方法来初始化该jQuery轮播图插件。

$(document).ready(function() {
 $('#view').setZoomPicture({
   thumbsContainer: '#pics-thumbs',
   prevContainer: '#nav-left-thumbs',
   nextContainer: '#nav-right-thumbs',
   zoomContainer: '#zoom'
 }); 
});

// 你也可以通过配置参数来设置放大镜的缩放级数。 $(document).ready(function() { $('#view').setZoomPicture({ thumbsContainer: '#pics-thumbs', prevContainer: '#nav-left-thumbs', nextContainer: '#nav-right-thumbs', zoomContainer: '#zoom', zoomLevel: 2 }); });

// 你还可以自定义加载图片时显示的信息。

$(document).ready(function() {
 $('#view').setZoomPicture({
   thumbsContainer: '#pics-thumbs',
   prevContainer: '#nav-left-thumbs',
   nextContainer: '#nav-right-thumbs',
   zoomContainer: '#zoom',
   loadMsg: 'Loading...'
 }); 
});

特别说明

是否仍需要帮助？ 请保持联络！
最后更新于 2024/04/24