3D旋转图片轮播特效

所属分类：媒体-幻灯片和轮播图

113584 541 查看评论 (44)

分享到微信朋友圈

查看演示立即下载

插件描述：3D旋转图片轮播特效

step 1: 引入css样式表

<link rel="stylesheet" type="text/css" href="css/css.css">

step 2:引入js文件

<script type="text/javascript" src="js/ZoomPic.js"></script>

step 3:调用插件函数

<script type="text/javascript">
    $(function(){
	new ZoomPic("jswbox");	
    })
</script>

step4:插入html代码

<div id="jswbox">
	<pre class="prev">prev</pre>
	<pre class="next">next</pre>
	<ul>
		<li><img src="images/1.jpg" alt="derrick" /></li>
		<li><img src="images/2.jpg" alt="MAGGIE" /></li>
		<li><img src="images/3.jpg" alt="许在浩" /></li>
		<li><img src="images/4.jpg" alt="颜子超" /></li>
		<li><img src="images/5.jpg" alt="万玲玲" /></li>
		<li><img src="images/6.jpg" alt="derrick" /></li>
		<li><img src="images/7.jpg" alt="MAGGIE" /></li>
	</ul>
</div>

===========感谢会员只看不发了提供的内容===============

jquery验证插件Validator

JS超炫切换效果焦点图代码

图片标题轮播

幻灯片插件，它非常小巧，压缩后仅 1.34KB，功能也不算丰富，圆点控制、自动播放。

幻灯片和轮播图

35120 421

图片点击查看更多图片

仿京东，天猫商品详情图片点击查看更多图片

幻灯片和轮播图

69208 313

jQuery百叶窗轮播插件Shutter

兼容至IE8的自适应百叶窗轮播，切换效果多样。

幻灯片和轮播图

40684 405

3D效果左右箭头轮播的js幻灯片特效代码

效果不错的一款js幻灯片特效代码，支持3D立体效果轮播，带左右箭头按钮控制幻灯图播放，支持幻灯图标题，js代码简单易改，比用flash幻灯特效好用得多，自行修改也容易。

幻灯片和轮播图

59173 495

讨论这个项目（44）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

霜序五日 0

2020/8/22 18:51:05

西瓜0

2020/8/22 19:43:51

这个不存在图片格式问，影响的只有图片的大小和路径这两个问题。

kvb753 0

2020/4/24 15:25:09

闲行 0

2019/11/26 9:09:43

故旅 0

2019/10/21 17:41:57

萌新求问，为什么我拿过来还好好的，放到ajax里面加载自己的数据就报错了。。。。

ZoomPic.js:17 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
    at ZoomPic.setUp (ZoomPic.js:17)
    at ZoomPic.initialize (ZoomPic.js:4)
    at new ZoomPic (ZoomPic.js:2)
    at HTMLDocument.<anonymous> (HtmlTemplate2.html:46)
    at i (jquery-1.12.4.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.12.4.min.js:2)
    at Function.ready (jquery-1.12.4.min.js:2)
    at HTMLDocument.K (jquery-1.12.4.min.js:2)