[Deffcon]

Guten Tag,

ich möchte in einem image tag durch eine css datei die source ändern.
Ist dies Möglich?
Ich hätte gedacht, dass es funktioniert, wenn ich dem img tag einen namen zuweise und über diesen die quelle ändere;
so nach dem Motto
img name="Bild1" src=""
"document.Bild1.src='images/normal-a.jpg';"
Ich hoffe ihr versteht was ich meine und könnt mir helfen.

mfg und danke
simon

[chorn]

Das geht so nicht. CSS hat schreibrechte nur für das DOM-Attribut "style". Deine Syntax ist Javascript.

[Deffcon]

Ich weiß, dass die Syntax aus JS ist, ich habe sie einfach aus dem gängigen onmouseover effekt zum Bildwechsel genommen. Es war ja nur exemplarisch, um zu verdeutlichen was ich machen möchte.

Gibt es etwas vergleichbares als css variante?

MFG Simon


//Edit:
Zum eigentlichen Verwendungsbeispiel: ich habe 3 buttons, über die ich mit einem php script die css dateien austausche.
Die Buttons will ich nach dem "onclick" prinzip auswechseln.
über die onclick variante habe ich es auch versucht, jedoch soll das gewechselte bild nach dem klick auf einen anderen button wieder zurück wechseln.
ich habe die variante in betracht gezogen es so zu machen, dass ich die links nicht auf den button setze, sondern auf die area über eine map und dann das bild des buttons als background image setze.

ist von den varianten etwas brauchbar/umsetzbar?
oder wie geht es professioneller?

[chorn]

Zitat von Deffcon

Gibt es etwas vergleichbares als css variante?

Zitat von chorn

CSS hat schreibrechte nur für das DOM-Attribut "style".

Du kannst dir aber eine Funktion bauen, die sich um alle Buttons kümmert, alle Buttons durchläuft und je nach übergebenem Argument den Status setzt.

[David]

Es ist prinzipiell möglich den oncklick-Handler mit CSS nachzuahmen, um z.B. Bilder zu ändern: Stu Nicholls | CSSplay | A CSS permanent click gallery with vertical slide thumbnails

[Deffcon]

Ich habe einen html code für einen onmouseover / onmouseout effekt, der ziemlich simpel ist:

<a href="index.php?change_css=klein"
onMouseOver="document.Bild1.src='images/klein-a.jpg';"
onMouseOut="document.Bild1.src='images/klein.jpg';">
<img src="images/klein.jpg"
name="Bild1"
class="font1"
alt="kleine Schrift">
</a>

Ich habe nun versucht den in onclick umzuwandeln. Es scheitert jedoch immer.
Wie kann ich so einen simplen onclick bildwechsel erstellen?

MFG Simon

[chorn]

Du musst den Status schon abfragen, wenn Bild 1, dann Bild 2, sonst Bild 1, ...

[Deffcon]

Wie wird das gemacht?
Sorry ich kenne mich leider nicht so aus.
Versuche eine Bewerbungshomepage zu erstellen, die ich ergänzend zur Bewerbung als Fachinformatiker für Anwendungsentwicklung einreichen möchte.

MFG Simon