ScrollFollow doensn't function properly
Hi all,
Im currently working on a
website where im using 2 javascripts on the same page. One is the jQuery ScrollFollow script and the other is the jQuery Fancybox. When opening the page, everything seems to be working just fine. The ScrollFollow works, but after viewing a photo with Fancybox (by clicking on it) the ScrollFollow has stopped.
My question:
What do I have to add in the script to allow ScrollFollow to "re"launch and do its job after viewing some photos with Fancybox.
The following code is in my html-document at the top of the page:
-
<link rel="stylesheet" href="../fancybox/jquery.fancybox.css" type="text/css" media="screen">
<link href="../tbtest.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../jquery.fancybox.js"></script>
<script type="text/javascript" src="../jquery.easing.js"></script>
<script type="text/javascript" src="../ui.core.js"></script>
<script type="text/javascript" src="../jquery.scrollfollow.js"></script>
<script type="text/javascript">
$(document).ready( function () {
$('#idcontainer').animate(
{height:$('#left').height()+"px" });
$('#id1').scrollFollow({speed:500,offset:50});
});
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
$("a.fancy").fancybox()
}
</script>
NOTICE that at the end of the script i had to add $("a.fancy").fancybox() to make Fancybox function correctly, the rest of the code is all for the ScrollFollow.
So my guess is that by adding that Fancybox-line i abrupted the ScollFollow-script.
As from reading all above, you can obviously notice that i have little experience with js; and i would really appreciate it if one of you could help me out with this problem.
Big Thanks In Advance,
Thomas.
You can take a look at the webpage
HERE