nicht angemeldet
Also gut, dann versuche ich, es nochmal besser zu beschreiben.
In einer DB sind viele bunte rgb werte ohne # gespeichert zb. 5e2d61, c4262e, etc. (ja sie sind dort lowercase gespeichert, eine Upper/Lowercase Diskussion ist jedoch zu diesem Zeitpunkt noch nicht dringend erforderlich :)
diese rgb Werte werden dynamisch als background-color style eigenschaft in <li> tags gepackt und inline als 10x10 px große felder oben auf einer Seite angezeigt.
<li style="background-color: #<%= str_film_webhex %>;" title="<%= str_film_color_name %>"> [NEXT]
<li style="background-color: #<%= str_film_webhex %>;" title="<%= str_film_color_name %>">
~~~ etc.
Darunter werden ebenfalls aus einer DB kommend besagte png-Bilder mit alphatransparenz in reih und glied dargestellt und haben eingangs einen background-color default wert von #000 der durch die Transparenz sichtbar ist.
~~~html
<div id="all_sujets">
<img name="sujet" src="images/sujet_alpha/32_alpha.png" /> [NEXT]
<img name="sujet" src="images/sujet_alpha/54_alpha.png" /> etc.
</div>
Die Aufgabe ist nun, dass beim Überfahren der Listenelemente mit der Mouse die bgcolor ALLER <img> Tags innerhalb von <div id="all_sujets"> entsprechend des RGB wertes des mouseover Listenelements geändert werden soll. Angedacht ist auch, in einer Folgeseite, dieses Verhalten dahingehend zu ändern, dass onclick die Farbe dauerhaft, also bis zum nächsten click auf ein Farbfeld erhalten bleibt, dort wird es dann allerdings einfacher, als dass dann nur mehr ein Bild zu adressieren sein wird.
Die Frage ist natürlich, wie das performant genung bewerkstelligt werden kann, schließlich steht es dem Anwender frei, wie wild mit der Maus über diese ca. 30-40 Farbfelder drüberzuackern und dabei die bgcolors von ca. 40-50 Bildern geändert werden müssen.
Hoffe, ich hab das jetzt besser beschrieben und wenn das technische Problem erst mal gelöst ist, gelobe ich, die RGB Werte nach Uppercase zu konvertieren - versprochen! ;-)
Danke
Bernd
Der Martin