HTML - Vorher-/Nacher-Ansicht: Fade

[Scalary]

Hallo zusammen,

eine Frage an die Spezialisten unter euch:

Wie schaffe ich es eine solche vorher/nachher Ansicht zu programmieren?

siehe untern: "show the original"

Gibt es ein Template dafür, oder ist alles händisch programmiert? Habt Ihr Vorschläge, wie man so etwas umsetzten kann?

Danke und Gruß...


Scalary

 

[Canon2010]

AW: HTML - Vorher / Nacher Ansicht - Fade

hat eher nix mit bildbearbeitung an sich zutun.

 

[peachsummer]

AW: HTML - Vorher / Nacher Ansicht - Fade

http://www.fotomoto.com/

Das ist ein kommerzielles Produkt o.a. Firma. Im Prinzip ein Javascript Code denn man bei einiger Suche sicher im Netz findet. Mit HTML (fast)pur sollte es auch gehen. On "Mouseover" oder so!

 

[Gast_58969]

AW: HTML - Vorher / Nacher Ansicht - Fade

Die Funktion a:hover lässt den Wechsel von Bildern in CSS zu. Dabei gibt es einiges zu beachten, was hier recht gut beschrieben ist:

http://www.1ngo.de/web/bildwechsel.html

 

[StevenOC]

AW: HTML - Vorher / Nacher Ansicht - Fade

So über quasi einen Text-Link wirds wohl nur mit einem Script funktionieren.
Ansonsten gibts noch die Alternative direkt übers Bild fahren. Bewegt man den Mauszeiger ins Bild, wird z.b. die Originalversion angezeigt, bewegt man den Mauszeiger wieder aus dem Bild, springt das Bild wieder zurück. Da gehts auch mit einem simplen HTML-Code:

<img src="BILD-1.jpg" width="100" height="100" alt="BILDWECHSEL" onmouseover="this.src='BILD-2.jpg'" onmouseout="this.src='BILD-1.jpg'"

 

[Q-dslr]

AW: HTML - Vorher / Nacher Ansicht - Fade

Da gehts auch mit einem simplen HTML-Code:

<KlugSch..ß>Nö - geht nicht mit simplen Html-Code </KlugSch..ß>

 

[StevenOC]

AW: HTML - Vorher / Nacher Ansicht - Fade

Ist "onmouseover" etwa nicht simple genug?

 

[Q-dslr]

AW: HTML - Vorher / Nacher Ansicht - Fade

Das schon - aber das was drinsteht ist kein Html mehr

 

[RatchetZwerg]

AW: HTML - Vorher / Nacher Ansicht - Fade

Mit Mootools 2 minuten Arbeit, vorrausgesetzt man kann damit umgehen

 

[Scalary]

AW: HTML - Vorher / Nacher Ansicht - Fade

Mit Mootools 2 minuten Arbeit, vorrausgesetzt man kann damit umgehen

Gibt es irgendwo eine Dokumentation oder Tutorial dafür?

Gruß Scalary

 

[RatchetZwerg]

AW: HTML - Vorher / Nacher Ansicht - Fade

Gibt es irgendwo eine Dokumentation oder Tutorial dafür?

Gruß Scalary

Bestimmt, google dich mal ein wenig schlau übers Content wechsel mit dem Zusatz: "fade".