js实现的带玻璃阴影的图片幻灯片特效代码

所属分类：网页特效-图片特效&上传 2023-11-26 02:44:14

4.6K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款带阴影特效的幻灯片插件，采用javascript创建的逼真效果，定时自动切换图片。

js实现的带玻璃阴影的图片幻灯片特效代码（共7个文件）

img
- 302.jpg
- 297.jpg
- 301.jpg
- 296.jpg
js
- script.js
css
- style.css

index.html

使用方法

(function(){

  var slideshow = document.getElementById('slideshow'),
      imgs = slideshow.getElementsByTagName('img'),
      count = 0,
      timer,
      previous;

  function next(){
    previous = count > 0 ? count - 1 : 0;
    imgs[ previous ].className = imgs[ previous ].className.replace(/\\bis\\-active\\b/i, '' );
    
    if( count < imgs.length ){
      imgs[ count ].className += 'is-active';
      count++;
    }  
    else{
      count = 0;
      next();
    }
  }

  next();

  timer = setInterval(function(){
    next();
  }, 2000);

})();

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服