Hallo Leute, ich hoffe hier sind auch ein paar jQuery Nerds unter euch 
Bin vor kurzem auf dieses Framework gestoßen und versuche mir gerade eine schönere und animierte Seite zusammen zu bauen.
Ich habe auf meiner Seite den Coda-Slider 3.0 eingebaut und habe jetzt folgendes Problem.
Ich habe im Quellcode vom Coda-Slider versucht unter der Zeile 282 (falls jemand die Datei zur Hand hat), die Tabs noch mit Events auszustatten. Das heißt wenn ein Bild wechsel gemacht wird, soll auch noch anderes passieren.
Die Tabs werden bei jedem Bild wechsel mit der Klasse "Current" ausgestatten, das ganze sieht dann so aus:
(tab2 wird hier gerade angezeigt)
Das ist ja alles noch kein Problem, hier mal mein Code:
und jetzt mein Problem, das funktioniert bis zum auswechseln der Hover Bilder ganz gut, jetzt wird bei jedem Bild wechsel das src Attribut ausgetauscht, doch wie kann ich ihm jetzt erklären das ich nach jedem weiteren wechsel wieder mein altes Bild haben will?
Im grunde scheitere ich hier eigentlich nur an der schreib weise, da ich ein Anfänger in diesem Gebiet bin, ich habs schon mit
versucht. Leider kein Erfolg, entweder wechselt er sofort alles oder nichts.
Vielleicht kann mir hier jemand einen Denkanstoß geben.
Danke im voraus.
Grüße Cid
Bin vor kurzem auf dieses Framework gestoßen und versuche mir gerade eine schönere und animierte Seite zusammen zu bauen.
Ich habe auf meiner Seite den Coda-Slider 3.0 eingebaut und habe jetzt folgendes Problem.
Ich habe im Quellcode vom Coda-Slider versucht unter der Zeile 282 (falls jemand die Datei zur Hand hat), die Tabs noch mit Events auszustatten. Das heißt wenn ein Bild wechsel gemacht wird, soll auch noch anderes passieren.
Die Tabs werden bei jedem Bild wechsel mit der Klasse "Current" ausgestatten, das ganze sieht dann so aus:
(tab2 wird hier gerade angezeigt)
HTML:
<li class="tab1"><a href="#1" title="home"><img title="home" class="naviButton" src="buttons/home.png" /></a></li>
<li class="tab2"><a href="#1" class"current" title="pics"><img title="pics" class="naviButton" src="buttons/pics.png" /></a></li>
<li class="tab3"><a href="#1" title="log"><img title="log" class="naviButton" src="buttons/log.png" /></a></li>
usw.Das ist ja alles noch kein Problem, hier mal mein Code:
Code:
/* Am Anfang wird das Image in jedem Tab gezeigt */
$(".coda-nav ul li a img").css("display", "block"),
/* Wechselt das Image auf das Hover_Image */
$(".coda-nav ul li a.current img")
.attr("src", "buttons/" + $(".coda-nav ul li a.current img").attr("title") + "_hover.png")
;und jetzt mein Problem, das funktioniert bis zum auswechseln der Hover Bilder ganz gut, jetzt wird bei jedem Bild wechsel das src Attribut ausgetauscht, doch wie kann ich ihm jetzt erklären das ich nach jedem weiteren wechsel wieder mein altes Bild haben will?
Im grunde scheitere ich hier eigentlich nur an der schreib weise, da ich ein Anfänger in diesem Gebiet bin, ich habs schon mit
Code:
.siblings()versucht. Leider kein Erfolg, entweder wechselt er sofort alles oder nichts.
Vielleicht kann mir hier jemand einen Denkanstoß geben.
Danke im voraus.
Grüße Cid
