nicht angemeldet
Hallo,
habe folgendes Problem. Ich habe in einer HTML Datei mehrer Javascripte. Nun funktionieren diese aber nicht alle. Habe irgendwo was von onload gelesen, aber nicht so ganz verstanden. Vielleicht kann mir einer einen Tipp geben wie ich alle Scripte zum laufen bringe.
hier der Quelltext:
<!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>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="slim/js/mootools.js"></script>
<script type="text/javascript" src="slim/js/slimbox.js"></script>
<link rel="stylesheet" href="slim/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style/sliderstyle.css" type="text/css" media="screen" charset="utf-8" />
<script type= "text/javascript">/*<![CDATA[*/
$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 15;
//Get menu width
var divWidth = div.width();
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);
});
});
/*]]>*/</script>
</head>
<body >
<div class="sc_menu" >
<ul class="sc_menu" >
<li></li>
<li></li>
<li><a href="image/woman/anna07.jpg" rel="lightbox[woman]"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
<li><a href="#"><img src="image/woman/thumb_woman/anna07.jpg" alt="bla"/></a></li>
</ul>
</div>
</body>
</html>
Über Antwort würde ich mich freuen.
Grüße
Chris