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" />
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.


303 Purchases
59 Comments