nicht angemeldet
Mehrer Javascripte in einer HTML stören sich
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
-
Hi,
habe folgendes Problem. Ich habe in einer HTML Datei mehrer Javascripte. Nun funktionieren diese aber nicht alle.
ich habe schon mehrere Problembeschreibungen gelesen, nur funktionieren die nicht alle.
Genauer gesagt funktionieren diejenigen nicht, die aus "funktioniert nicht" bestehen. Die funktionieren *nie*.
Habe irgendwo was von onload gelesen, aber nicht so ganz verstanden.
Das geht mir ähnlich. Ich habe irgendwas über die Ermittlung und Bedeutung von Aszendenten gelesen, aber nicht so ganz verstanden. Diese Information hat übrigens in Bezug auf Dein Problem - wie immer dieses lauten mag - eine ähnliche Bedeutung wie der Umstand, dass Du "irgendwo was von onload gelesen" hast.
Vielleicht kann mir einer einen Tipp geben wie ich alle Scripte zum laufen bringe.
Beginne mit einer Problembeschreibung. "Funktioniert nicht" funktioniert nicht.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Also habe jetzt herausgefunden das sich die JQuery Scripte nicht mit Mootool oder Prototype Scripte vertragen. Lösung für mein Problem: Slimbox-Klon suchen das auf JQuery basiert. Funktioniert auch. Zufrieden bin ich dennoch nicht.
-
Hi,
Also habe jetzt herausgefunden das sich die JQuery Scripte nicht mit Mootool oder Prototype Scripte vertragen.
Mehr als ein JS-Framework auf einer Seite einzubinden, ist ja auch reichlich meschugge - noch mal etliche KB Code mehr, dafür dass die letztendlich sowieso alle in etwa das gleiche bieten.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.
-
-