jQuery实现的简单焦点图片切换效果_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

Easy Gallery for jQuery

Resources:



The code used for above gallery (Easy Gallery) is:

$(document).ready(function (){
    $("#gallery").egallery({
        width:500,
        height:230,
        speed: 1000,
        delay:4000,
        easing:'easeInOutBack',
        thumbs:'numbers',
        thumbClass:'tclass',
        aClass:'ac'
    });
});
   

The HTML code for Easy Gallery is:

<div id="gallery">
    <ul>
        <li><img src="eg-images/image1.jpg" border="0" alt="" /></li>
        <li><img src="eg-images/image2.jpg" border="0" alt="" /></li>
        <li><img src="eg-images/image3.jpg" border="0" alt="" /></li>
        <li><img src="eg-images/image4.jpg" border="0" alt="" /></li>
        <li><img src="eg-images/image5.jpg" border="0" alt="" /></li>
    </ul>
</div>
<div id="ssgThumbs"></div>
    

© Freelancer ID

代码整理:时代Java(NowJava.com) 更多相关效果,请到时代Java(NowJava.com) 脚本下载栏目

注:此代码仅供学习交流,请勿用于商业用途。

时代Java(NowJava.com)素材中心整理。




下载代码说明
X关闭

基于jQuery的简单焦点图片切换效果的实现代码

jQuery实现的焦点图片切换效果,只需要简单的几行代码就可以应用到网站中,图片可以手工和自动切换,切换过程图片伴随抖动效果,界面需要自己稍微美化一下