1、jQuery 用于网站图片放大 : cloud zoon
http://www.starplugins.com/cloudzoom
2、responsive images:blazy.mini.js
<script>
var lazyResponsiveImages = new Blazy({
selector : 'img[data-is-responsive="true"], .responsive_image',
offset : 400,
breakpoints: [{
width: 420,
src: 'data-mobile-src'
}, {
width: 768,
src: 'data-tablet-src'
}, {
width: 10000,
src: 'data-desktop-src'
}],
success: function(element){
jQuery(element).removeClass('responsive_image');
jQuery(element).removeClass('data-is-responsive-background');
jQuery(element).trigger('image.loaded');
}
});
</script>
3、jquery 轮播插件 jCarousel
本文介绍了三种实用的网页图片展示插件:cloudzoom用于图片放大的jQuery插件;blazy.mini.js实现响应式图片加载;以及jCarousel,一款强大的jQuery轮播插件。这些工具可以帮助开发者更好地管理和展示网站上的图片资源。
126

被折叠的 条评论
为什么被折叠?



