vesthar

vesthar does not currently provide support for this item.

Popular questions for this item

How can i set gallery/portfolio up so the 2nd slide view is the default option?

You have to do 3 things:

1. In portfolio.html file find below piece of code:

<ul class="display thumb_view" id="portfolio-list"> </ul>

and replace “thumb_view” class to “clearli” like below:

<ul class="display clearli " id="portfolio-list" />

2. In portfolio.html file find below JavaScript code in head section:

<script type="text/javascript">
    $(document).ready(function(){
        $("a.switch_thumb").toggle(function(){
            $(this).addClass("swap");
            $("ul.display").fadeOut("fast", function() {
            $(this).fadeIn("fast").removeClass("thumb_view");
            $(this).addClass("clearli");
            });
        }, function () {
            $(this).removeClass("swap");
            $("ul.display").fadeOut("fast", function() {
            $(this).fadeIn("fast").addClass("thumb_view");
            $(this).removeClass("clearli");

            });
        });

    });
    </script>



And replace to:

<script type="text/javascript">
    $(document).ready(function(){

        $("a.switch_thumb").toggle(function(){
            $(this).addClass("swap");
            $("ul.display").fadeOut("fast", function() {
            $(this).fadeIn("fast").addClass("thumb_view");
            $(this).removeClass("clearli");
            });
        }, function () {
            $(this).removeClass("swap");
            $("ul.display").fadeOut("fast", function() {
            $(this).fadeIn("fast").removeClass("thumb_view");
            $(this).addClass("clearli");
            });
        });

    });
    </script>


3. In style.css file below classes:

a.switch_thumb {
    position:absolute;
    top:0px;
    right:0px;
    width: 237px;
    height: 37px;
    display: block;
    background: url(../images/switch.gif) no-repeat;
    outline: none;
    text-indent: -9999px;
}
a.swap { background-position: left bottom; }



and replace to code below:

a.switch_thumb {
    position:absolute;
    top:0px;
    right:0px;
    width: 237px;
    height: 37px;
    display: block;
    background:left bottom url(../images/switch.gif) no-repeat;
    outline: none;
    text-indent: -9999px;
}
a.swap { background-position: left top; }


That’s enough to swap default view.

by
by
by
by
by
by