1. Gib in das Suchfeld das Image Comparison-Widget ein. 2. Dann klicke auf das Widget und verschiebe es in einen neuen Abschnitt. 3. Links im Sidebar-Menü findest du den Block mit Einstellungen. Da kannst hier die Anzahl der zu zeigenden Folien ändern. 4. Setzt du die Hover-Pause auf "yes", wird die Folie wird beim Überfahren mit der Maus anhalten. 5. Du kannst auch die Autoplay-Funktion aktivieren und deren Geschwindigkeit einstellen. 6. Setze Infinite Loop auf "yes", wenn du willst, dass deine Folien endlos angezeigt werden. 7. Beim Slide- oder Fade-Effekt definierst du den Übergang von einer Folie zur anderen. 8. Mouseover Bildwechsel - hp-by-schnyderfotos Webseite!. Weiter lassen sich Navigationspunkte und -Pfeile ein- bzw. ausschalten. Diese zwei Optionen machen die Navigation intuitiver und benutzerfreundlicher. 9. Jetzt übergehen wir zum Block "Items" und fügen Bilder hinzu. 10. Standardmäßig heißen Labels "Vorher" und "Nachher". Diese lassen sich selbstredend nach deinem Belieben ändern. 11. Um Bilder hinzuzufügen, sollst du auf "Choose Your Image" klicken und ein Bild von Insert Media hochladen.
Beim eval wird dies ausgewertet: Innerhalb deiner Funktion ist Tauschbild01b jedoch nicht das Bildobjekt sondern der Eingangsparameter vom Typ String und dieser hat kein src-Attribut. Man kann auch sagen, der Eingangsparameter verdeckt das globale Bildobjekt.
Preload (optional) Eigentlich ist das ganze schon fertig, doch wir setzen noch einen drauf: Damit man die Maus nicht erst lange auf das Bild halten muss, bis die Mouseover-Grafik lädt, lassen wir sie vorher laden. Dazu diesen Code in ein neues HTML-Objekt unter dem Bild einfügen: Mouseoverbild: Wieder Link zum Mouseoverbild (s. o. ) 570, 150: Länge und Breite des Bilds 1: Hier müsst ihr durchnummerieren. Jedes Mouseover-Objekt eine neue Nummer
Bei dem vorstehenden Beispiel wurde davon ausgegangen, dass sich die Grafiken im selben Verzeichnis wie die "HTML-Dateien" befinden. Die Angaben bei "width" und "height" müssen natürlich den Abmessungen Deiner Grafik entsprechen. Bitte die kleinen unscheinbaren Apostroph-Zeichen ( ') nicht vergessen. Nehmen wir mal an, die Grafiken befinden sich aber in einem Unterverzeichnis namens "bilder", dann würde das - bei selbigem Beispiel wie folgt aussehen. Anderes Verzeichnis / Quelltext komplett: Will man noch weitere Buttons austauschen, so muss man den jeweiligen Grafiken entsprechend wieder mit dem Attribut "name" einen Namen geben ( für eine zweite Grafik z. b. "austausch2") und dann auch mit diesen Namen beim "mouseover-event" auf diese Grafik zugreifen. ✔ - Bildwechsel + Stop bei Mouseover | tutorials.de. Nachfolgend solch ein Beispiel für eine Navigationsleiste. Hier mit kompletten Quelltext. Diese Navigationsleiste soll aus 4 Grafiklinks bestehen, wobei jeder dieser 4 Links getauscht wird. Grafiktausch Navigationsleiste / Quelltext komplett: Wie geht es jetzt weiter?
background-position:0 94px bedeutet, das 0 Pixel von links, aber 94 Pixel von oben mit dem anzeigen des Bildes angefangen werden soll. Wir legen im Hover fest background-position:0 0; damit der obere Teil des Bildes sichtbar wird. Vor- und Nachteile dieser Methode: Der kleine Nachteil ist, das ein großes Bild geladen werden muss, auch wenn die darin enthaltenen Einzelbilder vielleicht nie angezeigt werden. Ist es jedoch einmal geladen, kann man auf jedes darin liegende Einzelbild per background-position zugreifen. Es muss dann nichts mehr geladen werden. Diese Methode nutzen viele größere Webseiten, da eben nur ein großes Gesamtbild geladen werden muss. 3. Bild ausblenden und das darunterliegende sichtbar machen Eine weitere Idee ist es, immer zwei Einzelbilder zu laden. Bei einem Hover verschwindet einfach eins. Zwar sind zwei ladende Bilder schneller, jedoch sind es auch zwei Dateizugriffe die Zeit kosten. Schöne und einfache Effekte kann man mit verschiedene transparente Teiles des Bildes machen - was ich ein andermal zeigen werde.
Vietnam ist längst der Shootingstar Südostasiens – spannend zu sehen, wie der Spagat zwischen Ho Chi Minhs Idealen und dem Wirtschaftswunder gelingt. Erleben Sie mit Hanoi und Saigon zwei Boomtowns zwischen Kolonialflair und futuristischen Glastürmen, aber auch einen Dschunkentrip in der Halongbucht, gemeinsames Kochen in einem Kräuterdorf und eine Wasserpuppenshow exklusiv für uns! In Kambodscha locken nicht nur die Wunder Angkors, die wir luftig-asiatisch mit Tuk-Tuks erfahren. Beim Besuch von Sozialprojekten kommen auch die Menschen des Landes zu Wort. Und auch der kulinarische Genuss gehört zu dieser kompakten Reise: Indochinas göttliche Küchen kosten wir in angesagten Restaurants. Studiosus Studienreise Vietnam und Kambodscha Höhepunkte online buchen | DER.COM. Highlights Günstiger Preis durch etwas niedrigere Hotelkategorie und leicht erhöhte Teilnehmerzahl Wichtigste Stationen dieser Rundreise durch Vietnam und Kambodscha: Hanoi, Halongbucht, Hue, Hoi An, Saigon und Angkor Wat Ideal als erste Studiosus-Reise Bootsfahrt in der Halongbucht mit Mittagessen an Bord Exklusiver Besuch eines Wasserpuppentheaters Alltagsleben bei einem Schulprojekt in Kambodscha kennenlernen Krönender Abschluss: mit dem Tuk-Tuk nach Angkor Wat
13. Tag: Tonle Sap - größter See Südostasiens Mit dem Boot auf dem Tonle Sap gleiten wir an der "Lebensmittelkammer" des Landes vorbei und besuchen anschließend das Schulprojekt Children's Dream. Die Hamburgerin Ange Dries-Behrenbeck erschuf hier in einem kleinen Dorf die Oase für Kambodschas Kinder. Welche Träume und Probleme die Kleinen bewegen, erfahren wir von ihnen im Gespräch. Vietnam Airlines bringt uns am Abend von Siem Reap nach Saigon. Von dort starten wir mit Vietnam Airlines nach Frankfurt (nonstop, Flugdauer ca. Studiosus vietnam kambodscha höhepunkte des. 13 Std. 14. Tag: Zurück in Europa Morgens Ankunft in Frankfurt. Anschluss zu den anderen Städten. Charakteristik der Reise: Günstiger Preis durch etwas niedrigere Hotelkategorie und leicht erhöhte Teilnehmerzahl Ideal als erste Reise mit Studiosus Alle Höhepunkte von Vietnam und Kambodscha kompakt erleben Fahrradtour in Hue und busfreier Tag in Siem Reap Im Reisepreis enthalten Linienflug (Economy) mit Vietnam Airlines von Frankfurt nach Hanoi und zurück von Siem Reap Zwischenflüge (Economy) mit Vietnam Airlines lt.
Reise Nr. 3781 Das kriegsgebeutelte Vietnam hat sich längst zum Shootingstar Asiens gemausert. Erleben Sie Hanois Multikulti-Mix und einen Dschunkentrip durch die Halongbucht. Kommen Sie mit in die Boomtown Saigon und tauchen Sie im Mekongdelta und am Parfümfluss in faszinierende Uferlandschaften ein. Begegnen Sie Kambodschas Nachwuchs in einer Schule und beim Griff nach Gourmetsternen. Kambodschas größte Tempelstars rund um Angkor Wat offenbaren die urwaldumrankten Geheimnisse der alten Khmerkultur. Vietnam - Kambodscha - Höhepunkte | Reise #3781. Vietnam - Kambodscha - Höhepunkte Vietnam - Kambodscha - Höhepunkte Reiseverlauf: 1. Tag: Start nach Vietnam Anreise nach Frankfurt. Nachmittags fliegen wir mit Vietnam Airlines nach Hanoi (nonstop, Flugdauer ca. 11 Std. ). 2. Tag: Guten Morgen, Hanoi Ankunft in Hanoi. Vorbei geht es an Straßenhändlern und Reisverkäufern, altkolonialen Art-déco-Villen und asiatischen Parkschönheiten, flirrenden Flipperbuden und stählernen Hochhausgiganten. Kommen Sie mit in die Altstadt und zum Jadeberg-Tempel und lernen Sie zusammen mit dem Studiosus Reiseleiter auch das alte Gesicht Hanois kennen.