Mouseover, Mouseout und onClick

Parisienne · 01.02.2005, 17:37

Auf dieser Entwurfsseite habe ich ein Problem.

Ich möchte, dass beim Rollover der kleinen Bilder die Hintergrundfarbe wechselt, beim Mouseout soll die vorherige Farbe wieder dargestellt werden.
Beim Klick aber auf das kleine Bild, soll links im grossen Quadrat ein Bildaustausch passieren, bei dem das Bild aber bestehen bleibt, bis ich auf ein anderes kleines Pic klicke. Verständlich? Ist halt schwierig zu erklären. Schaut euch die Site mal an. Es sind allerdings nur die ersten beiden Bilder anklickbar.

Parisienne

hero-master · 01.02.2005, 18:40

Der Link funktioniert leider nicht

Parisienne · 01.02.2005, 21:18

sorry. hier der Richtige.

hero-master · 01.02.2005, 22:08

Hallo parisienne,
also das mit der Hintergrundfarbe kannst du ganz leicht ohne JS machen, nämlich mit einfachem CSS

Bei deinem 2ten Problem würde ich einfach das MouseOut entfernen, oder?

Parisienne · 01.02.2005, 23:15

wie mach ich das denn mit css?

Ich kann das mit dem MouseOut nicht machen in Dreamweaver. Ich erklärs mal anders:

Beim Klick auf ein kleines Bild (A) rechts wird das grosse Bild links (B)ausgetauscht. Das Bild B soll aber stehen bleiben und beim MouseOut NICHT das vorherige wieder hergestellt werden.
Beim MouseOver bei Bild A soll ZUSÄTZLICH dieses selbst ausgetauscht werden (grauer Hintergrund). Beim MouseOut soll aber wieder das ursprüngliche mit dem schwarzen Hintergrund hergestellt werden.

In Dreamweaver über Verhalten klappt das jedoch nicht. Ich kann ja jeweils bei Bild austauschen ankreuzen, was bei MouseOut passieren soll. Allerdings übernimmts mir diese Einstellung für den onClick wie auch für den MouseOver-Befehl. Ich müsste aber zwei Einstellungen MouseOut haben.

Alles klar?

MichaelM · 01.02.2005, 23:26

Hallo, was ich so gesehen habe, hast du dein Problem mittlerweile gelöst.
Ich würde ab den langen Code per "include" in Deine Seite laden.
Ist 1. übersichtlicher, und die Ladezeiten verkürzen sich auch.

Parisienne · 02.02.2005, 09:31

Ich habe das Problem überhaupt nicht gelöst

Es funktioniert nicht so wie ich will. Ich weiss einfach nicht, wie noch anders erklären...

Es sollte zweimal eine Bildaustauschen-Funktion beim gleichen Bild erstellt werden. Beim einen Austausch sollte das Feld "Bilder bei onMouseOut wiederherstellen" markiert sein und beim anderen Austausch nicht. Und das krieg ich nicht hin. Entweder übernimmts mir diese Funktion bei beiden Bildaustauschen oder dann bei keinem Bildaustausch.

Ists jetzt verständlicher?

Parisienne

hero-master · 02.02.2005, 17:19

Zitat:

Zitat von Parisienne

wie mach ich das denn mit css?

http://www.nicogutmann.de/tp/parisienne/datei.htm

Parisienne · 03.02.2005, 23:45

@ hero master:

Merci vielmal. Eine Supersache ist das und löst auch mein Problem.

35floh · 28.08.2006, 22:10

Hallo !

Ich würde gerne etwas ähnliches machen. Also nur auf kleines Bild klicken und dann ändert sich das große Bild. Darf man daran teilhaben, was hero-master da empfohlen hat?

wäre klasse.
danke.

Parisienne · 29.08.2006, 11:20

Hallo 35floh
Also dieses Projekt ist bei mir leider seit über einem Jahr auf Eis gelegt. Ich habe da den Durchblick nicht mehr so. Frage am besten hero-master per PN oder vielleicht findest du was auf nicogutmann.de