首页 >web前端 >js教程 >jQuery插件实现大图全屏图片相册_jquery

jQuery插件实现大图全屏图片相册_jquery

WBOY
WBOY原创
2016-05-16 16:09:421269浏览

大图全屏图片相册jQuery插件,支持左右按钮切换以及点击大图自动切换图片,基于jQuery插件jQuery.album.js,插件支持参数自定义功能,viewMode:0没有缩略图 1有缩略图  2缩略图。全屏幕。可以对图片进行左右转,具体的参数大家可以查看jQuery.album.js文件,总之效果很不错,喜欢的朋友可学习下

复制代码 代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">



非常不错的JS相册特效代码下载










 

 

 

   

     


   

   

 

 

   

     

         

   

   




<脚本类型=“text/javascript”>
函数scaleImage(o, w, h) {
    var img = new Image();
    img.src = o.src;
    if (img.width > 0 && img.height > 0) {
        if (img.width / img.height >= w / h) {
            if (img.width > w) {
                o.width = w;
                o.height = (img.height * w) / img.width;
            } 其他 {
                o.width = img.width;
                o.height = img.height;
            }
           // o.alt = img.width "x" img.height;
        } 其他 {
            if (img.height > h) {
                o.高度 = h;
                o.width = (img.width * h) / img.height;
            } 其他 {
                o.width = img.width;
                o.height = img.height;
            }
            //o.alt = img.width "x" img.height;
        }
    }
}




以上就是分享文章给大家的实例代码了,希望对大家学习jQuery能够有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn