Hi,
I have adde several jQuery plugin elements to my website but it only works in Safari & Chrome - no other browser recognises the jQuery and the CSS which is attached to the elements. Here is all of the jQuery script, if possible can somebody please advise what might be the issue. I am aware it isn't the neatest coding as I am quite new to this kind of thing, apologies!
Many thanks
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/slider_global.css" type="text/css" />
<link rel="stylesheet" type="css" href="css/styles.css" />
<link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript" src="demo/script.js">
</script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("a img").fadeTo("slow", 0.5);
$("a img").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.5);
});
});
//]]>
</script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript">
</script>
<script src="js/slides.min.jquery.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 8000,
pause: 2500,
hoverPause: true
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
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 type="text/javascript" src="jquery.easing.min.js">
</script>
<script type="text/javascript" src="jquery.lavalamp.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
}
});
});
//]]>
</script>