首页

源码搜藏网

首页 > 网页特效 > 相册代码 >

jQuery全屏相册代码下载

创建时间:2014-09-18 08:33  

jQuery全屏相册代码下载
jQuery全屏相册代码下载
效果预览 立即下载
jQuery全屏相册代码下载jQuery全屏相册代码下载是一款简洁实用的jQuery相册,支持左右按钮切换以及点击大图自动切换图片。jquery全屏相册代码图片切换 所属专题:相册代码

<script type="text/javascript">
$(window).load(function(){
    var str_h=0;
   $("#album").find("div[h]").each(function(i,ele){
      str_h+=$(ele).height();
   });
    $("#album").height(str_h);
});
function 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;
            } else {
                o.width = img.width;
                o.height = img.height;
            }
        } else {
            if (img.height > h) {
                o.height = h;
                o.width = (img.width * h) / img.height;
            } else {
                o.width = img.width;
                o.height = img.height;
            }
        }
    }
}
</script>
上一篇:js图片相册弹出预览特效
下一篇:可全屏浏览baguettebox精美相册代码

相关内容

热门推荐