Auf Thema antworten 2026

Beitrag

<blockquote data-quote="strichcode" data-source="post: 1734325" data-attributes="member: 131073">Hallo, bin Anfänger in Sachen javascript und stelle Euch mal meine Frage, weilich einfach nicht weiter komme.Ich habe auf einer website ein blender-script für den header laufen undweiter unten auf der Seite möchte ich die Bilder mit einer Lightbox vergrößern.Beides gleichzeitig bekomme ich aber einfach nicht zum Laufen.Ich habe mit jQuery.noConflict() &quot;herumgespielt&quot; (als mehr kann man das wirklich nicht bezeichnen) aber auch keinen Erfolg damit gehabt.Könnt Ihr mir vielleicht helfen?Gruß und danke schonmalHeikeHier ein Auszug aus dem Code:[HTML]&lt;link rel=&quot;stylesheet&quot; href=&quot;css/slimbox.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/mootools.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;js/slimbox.js&quot;&gt;&lt;/script&gt;&nbsp; &lt;script type=&quot;text/javascript&quot; src=&quot;blender.js&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(window).load(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // avoid load flicker&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;div&#039;, &#039;#rotator&#039;).removeClass(&quot;hide&quot;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // start the image rotator&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setInterval(&quot;rotateImages()&quot;, 5000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function rotateImages() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var oCurPhoto = $(&#039;#rotator div.current&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var oNxtPhoto = oCurPhoto.next();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (oNxtPhoto.length == 0)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oNxtPhoto = $(&#039;#rotator div:first&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oCurPhoto.removeClass(&#039;current&#039;).addClass(&#039;previous&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oNxtPhoto.css({ opacity: 0.0 }).addClass(&#039;current&#039;).animate({ opacity: 1.0 }, 3000,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oCurPhoto.removeClass(&#039;previous&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&lt;/script&gt;[/HTML]der Aufruf für den Blender:[HTML]&lt;div id=&quot;rotator&quot;&gt;&lt;div class=&quot;current&quot;&gt;&lt;img src=&quot;top4.jpg&quot; width=&quot;1024&quot; height=&quot;262&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/div&gt;&lt;div class=&quot;hide&quot;&gt;&lt;img src=&quot;top5.jpg&quot; width=&quot;1024&quot; height=&quot;262&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/div&gt;&lt;div class=&quot;hide&quot;&gt;&lt;img src=&quot;top6.jpg&quot; width=&quot;1024&quot; height=&quot;262&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/div&gt;&lt;div class=&quot;hide&quot;&gt;&lt;img src=&quot;top7.jpg&quot; width=&quot;1024&quot; height=&quot;262&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/div&gt;&lt;div class=&quot;hide&quot;&gt;&lt;img src=&quot;top8.jpg&quot; width=&quot;1024&quot; height=&quot;262&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/div&gt;&lt;/div&gt;[/HTML]der Aufruf für die Lightbox:[HTML]&lt;a href=&quot;images/mobilheim_gr.jpg&quot; rel=&quot;lightbox[galerie]&quot; title=&quot;Ein schickes Bild&quot;&gt;&lt;img src=&quot;images/thumb-mobilhome.jpg&quot; width=&quot;250&quot; height=&quot;167&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;teaserbildright&quot;&gt;&lt;a href=&quot;images/mobilheim_gr.jpg&quot; rel=&quot;lightbox[galerie]&quot; title=&quot;Ein schickes Bild&quot;&gt;&lt;img src=&quot;images/thumb-mobilhome.jpg&quot; width=&quot;250&quot; height=&quot;167&quot; border=&quot;0&quot; alt=&quot;&quot;/&gt;&lt;/a&gt;[/HTML]oben beschriebenes Blender-Script ist riesig, das füge ich jetzt mal nicht hier ein.Im header des Scriptes steht:/*!&nbsp;* jQuery JavaScript Library v1.3.2&nbsp;* <a href="http://jquery.com/" target="_blank">jQuery: The Write Less, Do More, JavaScript Library</a>&nbsp;*&nbsp;* Copyright (c) 2009 John Resig&nbsp;* Dual licensed under the MIT and GPL licenses.&nbsp;* <a href="http://docs.jquery.com/License" target="_blank">License – jQuery Project</a>&nbsp;*&nbsp;* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)&nbsp;* Revision: 6246&nbsp;*/Ich hoffe, die Angaben sind nun vollständig genug. ;-)</blockquote>

[QUOTE="strichcode, post: 1734325, member: 131073"] Hallo, bin Anfänger in Sachen javascript und stelle Euch mal meine Frage, weil ich einfach nicht weiter komme. Ich habe auf einer website ein blender-script für den header laufen und weiter unten auf der Seite möchte ich die Bilder mit einer Lightbox vergrößern. Beides gleichzeitig bekomme ich aber einfach nicht zum Laufen. Ich habe mit jQuery.noConflict() "herumgespielt" (als mehr kann man das wirklich nicht bezeichnen) aber auch keinen Erfolg damit gehabt. Könnt Ihr mir vielleicht helfen? Gruß und danke schonmal Heike Hier ein Auszug aus dem Code: [HTML]<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript" src="js/slimbox.js"></script> <script type="text/javascript" src="blender.js"></script> <script type="text/javascript"> $(window).load(function() { // avoid load flicker $('div', '#rotator').removeClass("hide"); // start the image rotator setInterval("rotateImages()", 5000); }); function rotateImages() { var oCurPhoto = $('#rotator div.current'); var oNxtPhoto = oCurPhoto.next(); if (oNxtPhoto.length == 0) oNxtPhoto = $('#rotator div:first'); oCurPhoto.removeClass('current').addClass('previous'); oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 3000, function() { oCurPhoto.removeClass('previous'); }); } </script>[/HTML]der Aufruf für den Blender: [HTML]<div id="rotator"> <div class="current"><img src="top4.jpg" width="1024" height="262" border="0" alt=""/></div> <div class="hide"><img src="top5.jpg" width="1024" height="262" border="0" alt=""/></div> <div class="hide"><img src="top6.jpg" width="1024" height="262" border="0" alt=""/></div> <div class="hide"><img src="top7.jpg" width="1024" height="262" border="0" alt=""/></div> <div class="hide"><img src="top8.jpg" width="1024" height="262" border="0" alt=""/></div> </div>[/HTML]der Aufruf für die Lightbox: [HTML]<a href="images/mobilheim_gr.jpg" rel="lightbox[galerie]" title="Ein schickes Bild"><img src="images/thumb-mobilhome.jpg" width="250" height="167" border="0" alt=""/></a> <a href="images/mobilheim_gr.jpg" rel="lightbox[galerie]" title="Ein schickes Bild"><img src="images/thumb-mobilhome.jpg" width="250" height="167" border="0" alt=""/></a>[/HTML]oben beschriebenes Blender-Script ist riesig, das füge ich jetzt mal nicht hier ein. Im header des Scriptes steht: /*! * jQuery JavaScript Library v1.3.2 * [URL="http://jquery.com/"]jQuery: The Write Less, Do More, JavaScript Library[/URL] * * Copyright (c) 2009 John Resig * Dual licensed under the MIT and GPL licenses. * [URL="http://docs.jquery.com/License"]License – jQuery Project[/URL] * * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009) * Revision: 6246 */ Ich hoffe, die Angaben sind nun vollständig genug. ;-) [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?