Hej!
Har stött på ett konstigt (eller?) problem. Jag länkar till 5 olika javascript, samt har en funktion i head (se nedan). Det konstiga är att när head ser ut som det gör nedan, fungerar inte de javascript vars bibliotek är i dessa rader kod:
<script language="javascript" type="text/javascript" src="lb/js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="lb/js/scriptaculous.js?load=effects,builder" ></script>
<script language="javascript" type="text/javascript" src="lb/js/lightbox.js" ></script>
Hela head:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Personlig Portfolio</title>
<link rel="stylesheet" href="lb/css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript" src="lb/js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="lb/js/scriptaculous.js?load=effects,builder" ></script>
<script language="javascript" type="text/javascript" src="lb/js/lightbox.js" ></script>
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js" ></script>
<script language="javascript" type="text/javascript" src="jquery.flow.1.2.js" ></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "760px",
height: "auto",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
});
</script>
</head>
MEN om jag ändrar ordning på hur jag länkar till javascripten så blir det såhär att dessa javascript fungerar inte:
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js" ></script>
<script language="javascript" type="text/javascript" src="jquery.flow.1.2.js" ></script>
Och head ser då ut såhär:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Personlig Portfolio</title>
<link rel="stylesheet" href="lb/css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript" src="jquery-1.3.2.min.js" ></script>
<script language="javascript" type="text/javascript" src="jquery.flow.1.2.js" ></script>
<script language="javascript" type="text/javascript" src="lb/js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="lb/js/scriptaculous.js?load=effects,builder" ></script>
<script language="javascript" type="text/javascript" src="lb/js/lightbox.js" ></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
slides: "#slides",
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlide", // must be id, use # sign
selectedWrapper: "jFlowSelected", // just pure text, no sign
auto: true, //auto change slide, default true
width: "760px",
height: "auto",
duration: 400,
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext" // must be class, use . sign
});
});
</script>
</head>
Det vill säga
De javascript som jag länkar till högst upp vill inte fungera...
Har aldrig stött på detta innan, men antagligen ett enkelt fel...
Sidan validerar i övrigt så det ska inte vara några problem... trodde jag...