Hi,
Being reasonably new to jQuery and applying plugins I thought I was doing ok until I have tried to apply both a fade in-fade out/Lavalamp menu to a page that already uses a'sliding door' plugin, there is obviously a conflict but I am at a loss as to what it is. Here is all of the code used, it seems to be an issue with the two current 'easing' versions. Can somebody advise which versions of jQuery I should download to replace what is already here
Code:
<script type="text/javascript" src="door/js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="door/js/jquery.easing.1.3.js"></script>
<!--LAVALAMP-->
<link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
<!--ROLLOVER SWAP SOCIAL NETWORK-->
<script type="text/javascript">
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_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_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];}
}
</script>
<script>
<!--ROLLOVER LINKS-SHUTTER DOOR-->
$(document).ready(function() {
$('.eff').hover(
function () {
value = $(this).find('img').outerHeight() * -1;
$(this).find('img').stop().animate({bottom: value} ,{duration:500, easing: 'easeInExpo'});
},
function () {
$(this).find('img').stop().animate({bottom:0} ,{duration:500, easing: 'easeOutBounce'});
});
$('.eff').click(function () {
window.location = $(this).find('a:first').attr('href');
});
});
</script>
:
Many thanks