插件描述：用于创建一个互动的360o图像旋转的jQuery插件。
使用方法
在您的页面添加 rollerblade.css样式,由于文件很小，您可以拷贝和粘贴rollerblade.css内容到你的主CSS文件。
下一步：Rollerblade的目标容器元素的图像元素，那里面有“rollerblade-img”。第一张图像图像的路径。
1 2 3 | <div id="target"> <img class="rollerblade-img" src="path/to/first/image.jpg"></div> |
启动
确保jQuery是包含在你的页面,然后选择容器元素和rollerblade方法。至少你必须传入一组图像url作为属性选择的对象。属性必须被称为“imageArray”。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | $(document).ready(function(){ // You can specify an array of images outside of the rollerblade method, // and then pass it in, as so: var arrayOfImages = [ 'path/to/image/1.jpg', 'path/to/image/2.jpg', 'path/to/image/3.jpg', 'path/to/image/4.jpg', 'and/so/on.jpg' ] $("#target").rollerblade({imageArray:arrayOfImages}); // OR you can create the array directly in the options object, as so: $("#target").rollerblade({imageArray:[ 'path/to/image/1.jpg', 'path/to/image/2.jpg', 'path/to/image/3.jpg', 'path/to/image/4.jpg', 'and/so/on.jpg' ]}); }) |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 画廊插件baguetteBox.js
- 下一个特效： jquery动态阴影