JQuery Problem anfänger.

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- JQuery Problem anfänger. »

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 27. April 2011, 10:12

Hallo ,

Ich versuche mich gerade an JQuery.
Irgendwie bekomme ich das nicht hin.
Habe versucht ein einfachen Bilderslider zu erstellen nach einem Tutorial , bei mir wechselt das Bild einfach nicht , irgendwas mache ich falsch.
Eventuell kann ja mal ein Profi drüberschauen und mir den Fehler sagen.

Das ist die Seite , unten ist ein Bild was wechseln soll.
http://jegi.eu/site/index.php?site=Seite1

Einfach den Soucrecode anschauen , da steht alles drin.

DANKE
Gruß
Jens

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

Mittwoch, 27. April 2011, 10:14

Nach welchem Tutorial hast du das gemacht?

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 27. April 2011, 10:15

Hier ist der Link zum Tutorial

http://blog.andreas-kamleiter.de/webentw…wechsel-jquery/

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

Mittwoch, 27. April 2011, 10:24

Hast du überhaupt

Spoiler
Quellcode
1
<script type="text/javascript"> jQuery(document).ready(function(){     window.setTimeout('nextpic()', 5000); }); function nextpic() {        if (jQuery("#currentpic").next().attr("href") == undefined){       jQuery("#currentpic").attr("style", "display:none;");       jQuery("#currentpic").attr("id", "");       jQuery("#imageblock a:first").attr("id","currentpic");       jQuery("#currentpic").attr("style", ""); } else{       jQuery("#currentpic").next().attr("id", "next");       jQuery("#currentpic").attr("style", "display:none;");       jQuery("#currentpic").attr("id", "");   	        jQuery("#next").attr("id", "currentpic");       jQuery("#currentpic").attr("style", ""); } window.setTimeout('nextpic()', 5000); } </script>

eingesetzt? Ich sehe es nähmlich nicht

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 27. April 2011, 10:28

Ja klar unter "slider.js".
Wird oben includet.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Mittwoch, 27. April 2011, 10:38

http://webdesignledger.com/tutorials/13-…s-and-tutorials

such dir eins aus und verwende es

Mein kleines Projekt
-Cruel Online-

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Mittwoch, 27. April 2011, 12:24

entweder dein html oder den JS ist falsch

so müsste dein html aussehen ohne die <br>'s weil er die sonst bei next nimmt kein href findet und immer wieder am anfang startet

HTML

<div id="imageblock" style="margin-bottom:30px;"><br>
   <a href="link1.html" style="display:none;"><br>
      <img src="sliderpics/1.jpg" title="pic1"><br>
   </a>
   <a href="link2.html" style="display:none;"><br>
      <img src="sliderpics/2.jpg" title="pic2"><br>
   </a>
   <a href="link3.html" style="display:none;" id=""><br>
      <img src="sliderpics/3.jpg" title="pic3"><br>
   </a>
   <a href="link4.html" style="display:none;" id=""><br>
      <img src="sliderpics/4.jpg" title="pic4"><br>
   </a>
</div>

oder dein JS ist falsch und die zeilen müssen in etwa so aussehen

	Javascript-Quelltext
1 2 3 4 5	if (jQuery("#currentpic").next().next().attr("href") == undefined){ [....] jQuery("#currentpic").next().next().attr("id", "next");

-LA

ps. ich kenne zwar nicht deinen jQuery Wissensstand aber das tut scheint das net sonderlich ordentlich zu machen wenn es da so steht das ständige auswählen der IDs ist net gerad resourcend sparend

JQuery Problem anfänger.

Quellcode

HTML

Javascript-Quelltext

Ähnliche Themen