✔ Bei mehreren Rollover Fehlfunktion?!

C4T

C4T

Erfahrenes Mitglied
Hi,

ist mir schon fast Peinlich zu fragen, da ich seit Ewigkeiten mit PS arbeite, aber ich habe grad wohl nen kleinen Blackout.

Und zwar muss ich einem Menu Rollover Funktionen verpassen.
Das ist normaler Weise auch kein Problem, allerdings gibt es da wohl Überschneidungen beim Javascript Code, oder ich habe etwas vergessen in Sachen Imageready-Rollover.
Und zwar habe ich ganz normal in Imageready CS meine Effekte (simpler Button Farbwechsel von Dunkel auf Hell) geadded.
Jetzt habe ich also für jeden Button
- Over - Selected und - Out Status.
Wenn ich jedoch das Ganze teste, färben sich alle Buttons hell, nachdem ich einen Button angeklickt habe.
Also der Rollover Effekt funktioniert zwar, nur wenn ich wie gesagt auf einen Button klicke, aktiviert er mir den Selectet Status auf alle anderen Buttons auch, was natürlich nicht wirklich erwünscht ist ;)
Habe hier im Forum schon gesucht, auch 1000 Threads gefunden, aber irgendwie nix Richtiges dabei gewesen.
Kann mir jemand helfen und mir sagen, wo mein Denkfehler liegt ?
Ich füge mal eben den Code von 2 Buttons zum Vergleich ein.
PHP: 
<a href="#"
				onmouseover="toggleImages('menu_12', new Array('menu_8', 'slices/menu_49_over.jpg'), '', new Array('menu_8', 'slices/menu_49_over.jpg')); return true;"
				onmouseout="toggleImages('menu_12', new Array('menu_8', 'slices/menu_49_over.jpg'), '', new Array('menu_8', 'slices/menu_8.jpg')); return true;"
				onmouseup="selected='menu_8'; changeImages('menu_8', 'slices/menu_49_over.jpg', 'menu_12', 'slices/menu_50_over.jpg'); return true;">
				<img name="menu_8" src="slices/menu_8.jpg" width="33" height="17" border="0" alt=""></a></td>

PHP: 
<a href="#"
				onmouseover="toggleImages('menu_12', new Array('menu_8', 'slices/menu_49_over.jpg'), '', new Array('menu_8', 'slices/menu_49_over.jpg')); return true;"
				onmouseout="toggleImages('menu_12', new Array('menu_8', 'slices/menu_49_over.jpg'), '', new Array('menu_8', 'slices/menu_8.jpg')); return true;"
				onmouseup="selected='menu_8'; changeImages('menu_8', 'slices/menu_49_over.jpg', 'menu_12', 'slices/menu_50_over.jpg'); return true;">
				<img name="menu_8" src="slices/menu_8.jpg" width="33" height="17" border="0" alt=""></a></td>

Verstehe wirklich nicht wieso das nicht klappt.
Mache zwar sehr selten solche Rollover Geschichten, aber früher hat das irgendwie immer ohne Probleme geklappt.
Vielleicht hat jemand Rat.
Thanks,
C4T
 
Hab ich da jetzt etwa voll ins Schwarze getroffen und keiner hat ne Antwort parat ? ;)
Wäre das erste Mal *g*
 
hmm, ich würde mal sagen der fehler liegt im javascript oder du hast
bei allen button den gleichen namen angegeben.
sieh also nochmal bei der referenzierung nach...
 
Hiho,

wie meinst du das, den gleichen Namen ?
Jede Grafik hat doch schon automatisch einen anderen Namen, wenn du Slices hast.
Oder verstehe ich jetzt was falsch ?
Ich habe nur folgendes Eingestellt (siehe Bild).
Es muss am Javascript liegen, aber ich habe dort doch nichts verändert.
Wirklich merkwürdig.
Vielleicht liegts ja doch an meinen Einstellungen hier.
 

Anhänge

  • info.gif
    info.gif
    42,5 KB · Aufrufe: 95
Also mit der Rollover-Funktion von IR hab ich noch nie gearbeitet, aber aus dem angehängten Code ist ersichtlich, daß der "onmouseover" Eventhandler die Funktion "toggleimages" scheinbar auf alle Bilder zusammen anwendet und nicht auf jedes einzeln. Ein Benennungsproblem scheint es nicht zu sein, da unterschiedliche Bildnamen angezeigt werden.
Möglicherweise mußt du die Rollover-Funktion auf jeden Button separat anwenden?
Grüße.
 
Ich kenne mich mit wysiwyg html Editoren auch nicht aus.
Meinte nur das es nicht geht, wenn alle images den Namen "menu_8" haben.
Da du den kompletten Code und das Script nicht gezeigt hast ist es schwierig
was genaues zu sagen.
 
@Björn
Ich hab mal eben 2 (von 11) Rollover erstellt und abgespeichert.
Der komplette Code ist im Anhang.
Vielleicht findest du was.

@Pianoman
Wie meinst du das, die Rollover-Funktion auf jeden Button legen ?
Das habe ich doch bei Imageready schon gemacht, oder verstehe ich dich jetzt falsch
Vielleicht kannst du auch mal in den Quelltext reinschaun.
Vielleicht findet sich da was.
In sachen Javascript blick ich nicht wirklich durch.
 

Anhänge

Ich hab mir Deinen Quelltext mal durchgesehen, aber ich werd da auch nicht wirklich schlau draus. Sieht so aus als hättest Du tatsächlich einige Bilder mit gleichen Namen. Das würde erklären, warum sie immer zusammen getauscht werden. (page-49_over.jpg, page-50_over.jpg ... usw.)
Irgendwo ist da der Wurm drin. Ich würds mal an einem einfachen Beispiel testen, schaun ob's funktioniert und dann nochmal machen. Oder gleich mit der Hand programmieren, dann hast Du wenigstens die Kontrolle.
Sorry, aber mehr kann ich Dir nicht helfen.
Lg. und viel Glück.
das Kla4
 
Also irgendwie hast Du es total vermurkst.
Mir ist schon mal aufgefallen dass die namen (wie ich es bereits sagte)
zu falschen Referenzierungen führten.

so funktioniert es schon mal:
Code: 
<td rowspan="2">
			<a href="#"
				onmouseover="toggleImages('page_08', new Array('page_08', 'images/slices/page-49_over.jpg'), '', new Array('page_08', 'images/slices/page-49_over.jpg')); return true;"
				onmouseout="toggleImages('page_08', new Array('page_08', 'images/slices/page-49_over.jpg'), '', new Array('page_08', 'images/slices/page-08.jpg')); return true;"
				onmousedown="toggleImages('page_08', new Array('page_08', 'images/slices/page-49_over.jpg'), '', new Array('page_08', 'images/slices/page-49_over.jpg')); return true;"
				onmouseup="selected='page_08'; changeImages('page_08', 'images/slices/page-49_over.jpg', 'page_08', 'images/slices/page-49_over.jpg'); return true;">
				<img name="page_08" src="images/slices/page-08.jpg" width="33" height="17" border="0" alt=""></a></td>

und:

Code: 
		<td rowspan="2">
			<a href="#"
				onmouseover="toggleImages('page_10', new Array('page_10', 'images/slices/page-50_over.jpg'), '', new Array('page_10', 'images/slices/page-50_over.jpg')); return true;"
				onmouseout="toggleImages('page_10', new Array('page_10', 'images/slices/page-50_over.jpg'), '', new Array('page_10', 'images/slices/page-10.jpg')); return true;"
				onmousedown="toggleImages('page_10', new Array('page_10', 'images/slices/page-50_over.jpg'), '', new Array('page_10', 'images/slices/page-50_over.jpg')); return true;"
				onmouseup="selected='page_10'; changeImages('page_10', 'images/slices/page-49_over.jpg', 'page_10', 'images/slices/page-50_over.jpg'); return true;">
				<img name="page_10" src="images/slices/page-10.jpg" width="36" height="17" border="0" alt=""></a></td>

Allerdings müsstest Du mal checken ob das Javascript alles abdeckt was du
an mouse overs wirklich willst. Das hab ich jetzt nicht geprüft aber das image geraffel
müsste stimmen.
 
Mir stellt sich ja die Frage nach dem Sinn.
Also wieso macht IR das so ?
Wie gesagt, sonst hatte ich nie diese Probleme.
Ich muss das nochmal genau abchecken. Drehe echt noch durch.
Vielleicht liegt es daran, dass ich das komplette Menu doppelt habe (hell und dunkel für die Rollover) und immer das komplette Menu Ein und Ausblende, wenn ich einen Rollover erstelle ?!
Aber das kanns ja eigentlich auch nicht sein, oder ?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück