resize script for galleria

1872 단어
    $(window).resize(function() {
    var h = $(window).height();
    var galleriaHeight = h-54;
    var w = $(".content").width();
    var galleriaWidth = w-18;

    $("#galleria").height(galleriaHeight);
    $("#galleria").width(w);


    $(".galleria-stage").height(galleriaHeight);
    $(".galleria-stage").width(galleriaWidth);

    $(".galleria-images .galleria-image img").css({"max-height":"auto"});
    $(".galleria-images .galleria-image img").css({"max-width":galleriaWidth-36});

    $(".galleria-stage").height(galleriaHeight);
    $(".galleria-stage").width(galleriaWidth);

    $(".galleria-container").width(w);
    $(".galleria-container").height(galleriaHeight);

    $(".caption").width(w);
    $(".counter-nav").width(w);

    var sidebarHeight =h-54;
    var contentHeight =h-36;

    $(".sidebar1").height(sidebarHeight);
    $(".content").height(contentHeight);




});
/* any custom CSS will override the theme. Here I will enlarge the thumbnails: */
.galleria-thumbnails .galleria-image{width:90px;height:60px;}
.galleria-thumbnails-list{height:60px;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{height:55px;}
.galleria-info,
.galleria-counter{bottom:80px;}

창 위치, 크기 미리 보기
.galleria-thumbnails-container {left:10px; width:400px; height: 142px;}
.galleria-thumbnails-list{height:100px;}
그림 크기 미리 보기
.galleria-thumbnails .galleria-image{height:90px}
그림 크기
.galleria-stage{height:300px}

좋은 웹페이지 즐겨찾기