Hi, does anyone have a good article about this particular function. I came across some code that I was trying to understand a bit better, if anyone would care to see it… but I’m just trying to understand how to interpret it better, and here is the actual site that I found it off of: http://www.indofolio.com/
thanks for any help, most appreciated.
<script type="text/javascript">
$(document).ready(function() {
$('a.link').click(function () {
$('#wrapper').scrollTo($(this).attr('href'), 850);
setPosition($(this).attr('href'), '#cloud0', '0px', '800px', '1100px', '1700px', '2400px')
setPosition($(this).attr('href'), '#cloud1', '0px', '300px', '700px', '1000px', '1600px')
setPosition($(this).attr('href'), '#cloud2', '0px', '700px', '1500px', '2300px', '2700px')
setPosition($(this).attr('href'), '#cloud3', '0px', '300px', '900px', '1500px', '2100px')
setPosition($(this).attr('href'), '#cloud4', '0px', '400px', '1100px', '1700px', '2400px')
setPosition($(this).attr('href'), '#cloud5', '0px', '100px', '300px', '700px', '1300px')
setPosition($(this).attr('href'), '#cloud6', '0px', '50px', '200px', '500px', '600px')
setPosition($(this).attr('href'), '#cloud7', '0px', '600px', '1100px', '1700px', '2400px')
setPosition($(this).attr('href'), '#cloud8', '0px', '70px', '140px', '210px', '280px')
$('a.link').removeClass('selected');
$(this).addClass('selected');
return false;
});
});
function setPosition(check, div, p1, p2, p3, p4, p5) {
if(check==='#box1')
{
$(div).scrollTo(p1, 800);
}
else if(check==='#box2')
{
$(div).scrollTo(p2, 800);
}
else if(check==='#box3')
{
$(div).scrollTo(p3, 800);
}
else if(check==='#box4')
{
$(div).scrollTo(p4, 800);
}
else
{
$(div).scrollTo(p5, 800);
}
};
</script>