Tutorial: Mouseover Bildwechsel
Vorschau
Schwierigkeitsgrad
Mittel bis einfach - Genau beschriebene HTML-Codes
Tutorial
1. Was ihr braucht:
Zwei Grafiken, eine die standardmäßig erscheint und eine, die beim Überfahren des Bilds mit der Maus angezeigt wird. Es empfiehlt sich beim Mouseover-Bild nur kleine Änderungen wie z.B. einen Schwarzweißfilter zu machen.
2. Hochladen
Erstellt eine versteckte Seite (oder nutzt eine vorhandene). Dort erstellt ihr ein Bild-Modul und ladet zuerst das Standardbild hoch, also das, welches ohne Mouseover angezeigt wird. Speichern.
Darunter erstellt ihr ein zweites Bild-Modul und ladet das zweite Bild, also die Mouseover-Grafik hoch.
Jetzt geht ihr in den Ansichts-Modus der versteckten Seite und kopiert beide Links in ein Textdokument: Rechtsklick auf das Bild > Eigenschaften > Die Bild-URL herauskopieren. Alles was nach der Dateiendung (wahrscheinlich .jpg) kommt, löscht ihr.
3. Einbauen
Fügt folgenden Code in ein HTML-Objekt ein (dort, wo das Objekt erscheinen soll):
<a href="Link"><img src="Standardbild" alt="" onmouseover=
"src='Mouseoverbild'" onmouseout="src='Standardbild'" /></a>
Link: Falls das Bild verlinken soll, den Ziel-Link hier einfügen
Standardbild: Bild-Adresse des ersten hochgeladenen Bildes
Mouseoverbild: Adresse des Bilds das beim Mouseover erscheinen soll
4. 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:
<script language="JavaScript" type="text/javascript">
//<![CDATA[
<!-- hide from none JavaScript Browsers
Image1 = new Image(570,150)
Image1.src = "Mouseoverbild"
// End Hiding -->
//]]>
</script>
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
5. Die Tutorialsammlung unterstützen
Unterstützt die Tutorialsammlung, damit es auch weiterhin Jimdo Tutorials gibt!
Z.B. indem ihr auf "gefällt mir" drückt oder meine Hauptseite besucht.
Kommentar schreiben
swtor-dominion (Montag, 15 November 2010 17:51)
Vielen Dank für das Tutorial,
ich habe es noch etwas angepasst an meine Seite, da ich eine neue Navigation damit gemacht habe. In der Tabelle funktioniert das Tutorial nicht ganz.
Wenn du möchstest gebe ich dir den Code, wenn man sich eine Navigation mit Mouseover bauen möchte.
Gruß
Fabian S. (Montag, 15 November 2010 17:54)
Danke, ich glaube das ist für einen Großteil der Tutorial-Bastler nicht so sinnvoll. Bleiben wir bei den "einfachen" Anleitungen ;-)
Trotzdem danke für das Angebot.
Gruß, Fabian
freakiger (Dienstag, 16 November 2010 22:13)
der Effekt geht auch ohne Nachladen rein mit CSS:
durch Positionsverschiebung.
erste google-Antwort dazu: http://standards.webmasterpro.de/index-article-Grafischer%20Hover%20Effekt%20ohne%20Nachladen.html
Shalom!
www.freakiger.de
freakiger (Dienstag, 16 November 2010 22:16)
die "%20" sind Leerzeichen.
Jimdo Tutorialz (Mittwoch, 17 November 2010 14:44)
Für die Navi ist das sinnvoll, für normale Mouseover-Bilder sehr ungeschickt. Dann arbeitet man nämlich nicht mit einem img-Tag sondern mit divs deren größe man immer im css-Code angeben muss. Zu kompliziert...
Gruß, Fabian
webberatung-michael-rothe (Samstag, 27 November 2010 18:57)
Hallo Fabian,
danke für dein Tutorial. Ich erstelle gerade für einen Freund/Kunden eine Webseite. Deine Anleitung hat mir sehr geholfen.
Viele Grüße, Michael
Weborama (Freitag, 24 Dezember 2010 14:21)
Cooles tutorial
redhotchillies (Sonntag, 26 Dezember 2010 13:48)
Hallo Fabian,
danke für dein Tutorial, ich bin ein absolutes greenhorn und verstehe überhaupt nichts von html. Trotzdem habe ich den Mouseover geschafft. Auch den Groovshark player konnte ich einbauen. Das will was heissen. Kompliment an dich!! Grüsse Mylena
flow-effect (Sonntag, 02 Januar 2011 22:14)
Hallo,
habe das Problem, dass das das Bild zwar bei Mouseover wechselt, jedoch das Bild verschwindet, wenn ich mit der Maus den Bildbereich wieder verlasse. Erst ein Neuladen der Seite hilft. Kurz gesagt kann man nur einmal mit der Maus den Bildwechsel auslösen, danach verschwindet das Bild, was mache ich falsch?
Grüße!
Jimdo Tutorialz (Montag, 03 Januar 2011 10:45)
Hallo flow-effekt. Wenn das Problem auftritt, stimmt der Bildlink nach onmouseout="src='... nicht. Dieses Bild wird nämlich geladen, wenn die Maus das Bild wieder verlässt. Überprüfe nochmals den Code und schau auch, dass keine ' oder " fehlen.
Gruß, Fabian
flow-effect (Dienstag, 04 Januar 2011 06:35)
Ja, jetzt hat es geklappt, vielen Dank!!!
gnt-clan (Freitag, 21 Januar 2011 21:42)
ähm bekommt man das auch zentriert?
gnt-clan (Freitag, 21 Januar 2011 21:44)
hat sich erledigt^^
Tarek Alakmeh (Sonntag, 13 Februar 2011 17:40)
gute info!
Gast (Sonntag, 17 April 2011 10:51)
Gibt es einen Weg, das im Header zu realisieren?
Gast (Sonntag, 24 April 2011 14:34)
Das würde mich wirklich interessieren, ob man den HTML-Code irgendwie in die Headergrafik kriegt.
Vielen Dank im Voraus! :)
Jimdo Tutorialz (Sonntag, 24 April 2011 16:35)
Schau dir mal das Tutorial "Unterseiten Header" an. Anstatt des Bildes kannst du dort auch diesen Code einfügen und bekommst damit deinen Code in den Header.
Du musst vom Unterseiten-Header-Tutorial diesen Code: <img style="margin-left: -15px;" src="Bildardesse.jpg" alt="" />
mit dem aus dem Tutorial hier ersetzen, dann sollte es funktionieren. Viel Erfolg!
Gruß, Fabian
Kati (Dienstag, 24 Mai 2011 00:03)
hallo fabian,
danke erst einmal für deine klasse tutorialz. ich probiere fleißig aus!
jetzt komme ich allerdings nicht weiter und könnte noch einen tipp von dir gebrauchen.
wo und was muß ich im code ergänzen, wenn ich das bild ein wenig nach rechts einrücken möchte und nicht linksbündig, wie es automatisch übernommen wird?
danke schon jetzt für deine antwort, denn ich bin überzeugt, du kannst mir weiterhelfen ;-)
gruß kati
Jimdo Tutorialz (Dienstag, 24 Mai 2011 11:39)
Füge nach dem [<a href="Link"] im Code noch das hier ein:
[ style="padding-left: 20px;"] - alles natürlich ohne die Klammern [ ]
Damit hat das ganze einen 20-Pixel Abstand von links. Den Wert kannst du natürlich beliebig ändern.
Gruß, JimdoFriend Fabian
DIGIMON KAISER (Sonntag, 26 Juni 2011 14:59)
Danke, echt tolles Tutorial! Nur bei mir verschwindet das Bild nachdem ich einmal drauf fahre. Kannst du mir vielleicht helfen?
Fabian S. (Sonntag, 26 Juni 2011 15:01)
Dann hast du die dritte Bildadresse 'Standardbild' entweder falsch oder gar nicht im Code angegeben.
Gruß, JimdoFriend Fabian
Kati (Mittwoch, 29 Juni 2011 22:09)
Hallo Fabian,
ich würde gerne im Header zwei Bilder einfügen, die sich im erscheinen ca. alle 5 Sekunden abwechseln. Benötige ich hierzu ein bestimmtes Programm bzw. Dateiformat oder muß das programmiert werden?
Gruß aus Korbach
Kati
Jimdo Tutorialz (Donnerstag, 30 Juni 2011 12:19)
Du kannst ein animiertes gif Bild erstellen. Leider gehen dabei viele Farben verloren, das Bild kann dadurch ziemlich "grießelig" aussehen. Mehr dazu hier: http://www.phpjunkie.de/allgemein/animierte-gif-mit-freeware-erstellen/
Gruß, JimdoFriend Fabian
freggershome (Freitag, 12 August 2011 01:56)
Einfach nur genial, genau das was ich schon lange gesucht habe. Es ist zwar etwas umständlich, wenn man damit Buttons machen will und ungefähr 20 Stück davon braucht, aber ich kann es total gut in meine Homepage einbauen! Vielen dank an den Admin für dieses tolle Tutorial!
Natalie Rebel (Dienstag, 16 August 2011 17:00)
Hallo Fabian,
ich versuch seit gestern in den Header folgende Icons einzufügen (Facebook,Twitter & Xing) diese sollen im Header rechts im weißen Feld erscheinen (untereinander). Standartmäßig sollen graue Bilder (icons) gezeigt werden, durch OnMouseOver erscheinen dann dies in Farbe - mit link auf die richtigen Seiten.
Leider werden diese nicht unter der "normalen" Ansicht angezeigt. Kannst du mir bitte weiterhelfen?
Vielen Dank im Vorraus
Natalie
www.roelsther-shop.de
Jimdo Tutorialz (Dienstag, 16 August 2011 19:01)
Aus Zeitgründen kann ich leider keine Nutzer-spezifischen Anleitungen schreiben. Gruß, JimdoFriend Fabian
gpt-bielefeld (Freitag, 16 September 2011 17:03)
Hallo Fabian,
ich möchte ein Mouseover in die Sidebar einfügen, klappt auch soweit. Allerdings füllt das Bild die Breite der Sidebar nicht ganz aus. Ich würde es gerne mittig platzieren statt linksbündig. Gibt es dafür eine einfache Lösung?
Viele Grüße,
Laura
Fabian S. (Freitag, 16 September 2011 17:05)
Vor dem ganzen Code bei 3. ein <center> und am Ende ein </center> einfügen. Fertig ;)
Gruß, JimdoFriend Fabian
gpt-bielefeld (Freitag, 16 September 2011 17:44)
DANKE!
Boutique Molinea (Samstag, 17 September 2011 11:18)
Ist es auch möglich das der Header (Tietelbild) so alle 3 Sekunden etwa wechselt?
Danke für die Antwort.
Jimdo Tutorials (Samstag, 17 September 2011 11:41)
Theoretisch ist das möglich. Das hat aber mit diesem Tutorial nichts zu tun sondern wäre eher eine Abwandlung des Tutorials "Verschiedene Unterseiten Header". Ich setze es mal mit auf die Liste, eventuell kommt ein solches Tutorial in Zukunft.
Gruß, JimdoFriend Fabian
11fbbt (Sonntag, 18 September 2011 14:08)
Hallo erst mal,
besten Dank für die genialen Tutorials.
Ich habe den Befehl in eine Tabelle eingebaut damit die Bilder nebeneinander sind, was auch soweit funktioniert.
Verlasse ich dann die Homepage und warte einige Zeit sind die Bilder plötzlich wegg, da die ganzen Links ungültig sind.
Habt ihr eine Idee woran das liegen könnte?
mfg
Jimdo Tutorials (Sonntag, 18 September 2011 14:10)
Das tritt in letzter Zeit seltsamerweise öfters auf, den Grund dafür kenne ich auch noch nicht. Es scheint als würde sich die Adresse der Bilder ändern - warum auch immer. Ich selbst hatte das Problem noch nicht, werde mich aber weiter erkundigen.
Gruß, JimdoFriend Fabian
vertraute-erde (Donnerstag, 20 Oktober 2011 23:56)
Hallo Fabian,
danke erst einmal für Dein Tutorial. Ist echt spitze. Den Effekt kann ich gut gebrauchen für meine Zwecke. Auch ich bin ein absoluter HTML-Anfänger.
Der Effekt und die Verlinkung funktionieren wunderbar, allerdings beschränkt sich bei mir der Link nicht nur auf das eigentliche Bildobjekt sondern auf die gesamte Breite des eingefügten HTML-Objekts.
Gibt es da eine Möglichkeit den Link nur auf das eigentliche Bildobjekt zu beschränken?
Danke und Gruß
M.
Jimdo Tutorials (Samstag, 22 Oktober 2011 18:13)
Dann scheint irgendetwas mit deinem Layout nicht zu stimmen?! Normalerweise passt sich der Link an die Bildbreite an. Versuche einmal nach dem
href="Link"
noch das hier einzufügen (dazwischen ein Leerzeichen):
style="widht:auto !important;"
Vielleicht hilft es...
Gruß, JimdoFriend Fabian
vertraute-erde (Samstag, 22 Oktober 2011 21:06)
Dein zusätzlicher Code hat bei mir nicht funktioniert. Nach etwas suchen im Forum und im WWW bin ich dann über das Stückchen (simplen) Code gestolpert, was mir die Hilfe gebracht hat:
<div style="width:0px">
(Fabian's Mouseover HTML-Code)
</div>
Vielleicht hilft es auch anderen.
Danke noch einmal für das tolle Tutorial.
Gruß
M.
sprechzeit-muenchen (Dienstag, 25 Oktober 2011 11:58)
Super Anleitung, genau danach hab ich gesucht! Vielen Dank & Grüße
sowillichleben (Freitag, 25 November 2011 10:56)
moin fabian,
kann ich mit deinem Code auch die Größe des Mouseover-Bildes verändern?
lg
hannes
Jimdo Tutorials (Freitag, 25 November 2011 11:30)
Nicht mit diesem Code, aber allgemein mit Javascript. Das ist für ein Tutorial allerdings zu aufwendig. Warum verwendest zu als zweite Bilddatei (für den Mouseover) nicht einfach ein Bild mit größerer Auflösung? Beim Mouseover erscheint dann das größere Bild.
Gruß, JimdoFriend Fabian
carspotting (Mittwoch, 07 Dezember 2011 14:19)
Hi, danke erstmal für das Tutorial.
Ich habe ein kleines Problem; es funktioniert ja alles gut, nur jemand mein Bild anklicken will, kommt "Diese Seite existiert nicht mehr.", weil ich ja alles auf die versteckte Seite gepackt habe. Wäre es möglich, das wenn jemand auf das Bild klickt, es im Schaufenster Pop-Up erscheint ?
MfG
Jimdo Tutorials (Mittwoch, 07 Dezember 2011 18:53)
Der Link hat überhaupt nichts mit der Seite zu tun, auf welcher du das Bild hochgeladen hast. Dort wird ja nur die Bilddatei gespeichert. Die wird dann auf der eigentlichen Seite eingebunden und mit einem davon völlig unabhängigen Link versehenen. Da hast du wohl oben im Code bei "Link" nicht die richtige Zieladressse angegeben.
Gruß, JimdoFriend Fabian
Sascha Hahnen (Freitag, 16 Dezember 2011 17:14)
Wie mache ich mehrere Mouseover auf einem Bild, wenn man auf ein Bereich drüber geht? (wie z.B. an diesem Beispiel: http://messe.ag/content.aspx?ArticleID=185c6f6a-ca80-4825-a1c2-f4a585ab2c5e )
Jimdo Tutorials (Freitag, 16 Dezember 2011 17:42)
Mit Jimdo selbst? Gar nicht. So etwas macht man am Besten in Flash und bedeutet tagelange Arbeit auch für einen Profi. ps.: Auch ich kann kein Flash...
Gruß, JimdoFriend Fabian
Mamut (Freitag, 03 Februar 2012 17:07)
VERY BIG THANKS,
ewig habe ich nach einer einfachen Lösung gesucht, hier habe ich sie gefunden.
Funktioniert einwandfrei, leicht verständlich, danke.
MfG
tierspenden1 (Freitag, 02 März 2012 11:21)
weis nicht ob ich etwas falsch mache, aber bei mir erscheint nur das Standart bild und nicht das Mouseover :( Habe den Code genau so gelassen (gibt keine Verlinkung) Was mache ich falsch? (PS: Natürlich habe ich die Bildadressen eingefügt anden stellen :-)
Jimdo Tutorials (Freitag, 02 März 2012 16:25)
Wie ich mittlerweile auf deiner Startseite sehen kann, scheint jetzt ja alles zu funktionieren.
Gruß, JimdoFriend Fabian
ohgfantasy (Freitag, 02 März 2012 19:38)
Moin Fabian,
mich würde auch die Idee von "sowillichleben" (MouseOver -> größere Auflösung) interessieren.
Bei mir ist es jetzt allerdings so, dass ich mit diesem speziellen MouseOver gerne die Übersichtlichkeit verbessern würde. Sprich: Auf der Seite befinden sich vorerst nur zwei kleine Bilder, die dann bei Bedarf per MouseOver vergrlößert werden können. Das Ganze funktioniert auch soweit (Tabelle mit den Skripten als Zelleninhalte), nur wird jeweils ein Bild immer "heraus geschoben".
Ist es möglich, dass die Bilder sich stattdessen überlappen?
Vielen Dank im Voraus
OHGFantasy
Jimdo Tutorials (Montag, 05 März 2012 14:21)
Ohne einen Link zur Ansicht kann ich hier wenig sagen. Überlappende Grafiken sind allerdings gleich mal eine ganze Nummer komplizierter und mit diesem Tutorial überhaupt nicht machbar. Warum nicht das Jimdo-Bildmodul verwenden, hier gibt es ja die Klick-Vergrößerungsfunktion.
Gruß, JimdoFriend Fabian
ohgfantasy (Dienstag, 06 März 2012 22:04)
wahrscheinlich hast du recht und das ganze ist wirklich nur eine unnötige spielerei :(
naja... aber der anreiz, zu wissen wie es denn ginge, ist desto trotz immnoch da
hier hast du erstmal einen link zu einem kleinen Beispiel:
http://ohgfantasy.jimdo.com/temporär/
wäre nett, wenn du mir trotzdem in diesem punkt ein wenig unter die arme greifen würdest.
Bis dahin
OHGFantasy
"Nur in unserer Verwundbarkeit steckt wahre Macht, denn diese Macht ist das Leben selbst."
Jimdo Tutorials (Mittwoch, 07 März 2012 14:28)
Hallo OHGFantasy, ich kann daraus eventuell ab Apil ein neues Tutorial machen, so lange musst du dich allerdings gedulden.
Gruß, JimdoFriend Fabian
ohgfantasy (Mittwoch, 07 März 2012 17:10)
absolut kein problem
hab ohnehin grad bissl viel um die ohren
Trotzdem schon mal vielen Dank
Bis dahin
OHGFantasy
Horst Jonescu (Donnerstag, 15 März 2012 23:25)
guten tag,
ich würde das bild gerne zentrieren. ich schaff es nicht...
herzliche grüße,
horst
Jimdo Tutorials (Freitag, 16 März 2012 01:25)
Siehe Kommentar #28 oben.
Gruß, JimdoFriend Fabian
Horst Jonescu (Sonntag, 18 März 2012 17:27)
oh, entschuldige - das hab ich übersehen.... herzlichen dank
Tom Zehle (Mittwoch, 28 März 2012 17:38)
Danke!
Georg Pennekamp (Montag, 16 April 2012 11:15)
Ein klasse Tutorial, nur habe ich eine Frage dazu. Und zwar würde ich jetzt gerne eine onclick- funktion einbauen die eine interne verlinkung herbeiführt. ich habe in der linken navigationsleiste verschiedene texte eingebaut die im normalzustand grau sind und bei mouseover rot werden (s. www.saunacollection.de), sobald ich jedoch auf eine kategorie klicke, wird nicht verlinkt, sondern angezeigt, dass keine Seite gefunden wurde. wäre super wenn mir hiermit jemand helfen könnte :)
Jimdo Tutorials (Montag, 16 April 2012 15:52)
Du hast den Link falsch eingegeben: Du verlinkst auf "www.saunacollection.de/Link" - diese Seite gibt es natürlich nicht. Hier musst du die Adresse der gewünschten Seite angeben.
Gruß, JimdoFriend Fabian
Georg Pennekamp (Montag, 16 April 2012 22:47)
super ;) hab den fehler schon gefunden. danke! besteht auch noch irgendwie die möglichkeit einen soundeffekt bei mouseover zu integrieren?
Jimdo Tutorials (Freitag, 20 April 2012 11:18)
Nicht mit für diesen Zweck angemessenem Zeitaufwand - das wäre schon sehr kompliziert und erweitert.
Gruß, JimdoFriend Fabian
Falk (Freitag, 04 Mai 2012 11:38)
Erstmal muss ich sagen, dass ich deine Tutorials spitze finde ! Weiter so !
Ich arbeite zur Zeit an einer Jimdo-free-Seite die bald geupgradet werden soll.
Wenn ich eingelocht bin funktioniert alles super mit dem Mouseoverbild, nur wenn nicht, klappt es mit der Verlinkung nicht so recht und es kommt die Fehlermeldung "Upps,
du bist nicht (mehr) eingeloggt.
Melde dich einfach auf deiner Jimdo-Page an.".
Die Bilder für das Mouseoverbild liegen in einer versteckten Unterseite.
Danke schon mal im voraus für deine Hilfe.
Gruß, Falk
Jimdo Tutorials (Samstag, 05 Mai 2012 14:10)
Da hast du einen falschen Link eingefügt. Du musst immer im ANSICHTS-Modus der Seite sein, wenn du einen Link in der Adresszeile deines Browsers herauskopierst. Dann funktioniert es auch für nicht eingeloggte User.
Gruß, JimdoFriend Fabian
kainz-klasse (Samstag, 26 Mai 2012 16:24)
Hallo,
vielen Dank für diese grandiose Anleitung, funktioniert alles super!
Jens Pitlinski (Donnerstag, 31 Mai 2012 17:43)
hallo,
bei mir funktioniert es nur beim ersten mal danach taucht das bild nicht mehr auf, bzw. verschwindet.
also wenn ich vom bild runter gehe verschwindet alles???
hat einer eine idee?
vielen dank jens
Antje B. (Sonntag, 03 Juni 2012 15:33)
Vielen Dank für die tolle Anleitung. Ich bin absoluter Laie und habs trotz der Schritt für Schritt Anleitung auf Anhieb hinbekommen. Somit habe ich mir jetzt mein eigenes Mouseover Bild-Menü mit Verlinkungen gebastelt.
Jimdo Tutorials (Dienstag, 05 Juni 2012 10:30)
@Jens: Dann hast du das zweite "Standardbild" im Code falsch oder gar nicht eingefügt. Du musst das Standardbild insgesamt zwei mal einfügen, das Mouseoverbild nur ein mal.
Gruß, JimdoFriend Fabian
Antje B. (Dienstag, 12 Juni 2012 21:14)
Muss ich die Bilder auf der versteckten Seite gespeichert lassen oder kann ich sie anschließend wieder löschen?
Ich hatte den Test gemacht und es hat auch ohne die gespeicherten Bilder hinterher funktioniert. Das ging auch eine Weile, heute waren jedoch die Mouseoverbilder weg. Ich habe jedoch nix nochmal geändert.
Jimdo Tutorials (Mittwoch, 13 Juni 2012 11:40)
Wenn du die Bilder von der Seite löscht, werden sie nach einer Weile von Jimdo von den Servern entfernt. Du musst sie also auf jeden Fall auf der versteckten Seite lassen.
Gruß, JimdoFriend Fabian
Marco Rank (Montag, 27 August 2012 23:35)
Hallo!
Ich würde diesen wunderbaren Mouseover-Effekt gern auch für die Jimdo-Fotogalerien anwenden. Gibt es dazu Lösungen?
Kann man die Mouseovereffekte nicht generell als "Anklickoption" in Jimdo implementieren...? Indem zum Beispiel automatisch eine SchwarzWeiss-Ansicht von einem farbigen Bild generiert wird?
Lg Marco
Jimdo Tutorials (Mittwoch, 29 August 2012 12:18)
Hallo Marco, das ist leider nicht möglich. Eine solche Funktion wäre tatsächlich hilfreich, ich halte sie allerdings für nicht allzu wahrscheinlich.
Gruß, JimdoFriend Fabian
Jacky (Freitag, 31 August 2012 07:22)
Hallo,
also, bevor ich meine Frage stelle, ich bin ein absolutetes technisches Embryo und vor allem, alles was mit PC zu tun hat.
Nun aber meine Frage:
Ich möchte meinen Flyer, den ich an Leute verteile gerne in meine Hp einbinden und so, dass man ihn blättern kann, wie einen Online-Katalog. Er besteht aus vier Seiten. Wie gehe ich da ran?
Kann jemand helfen?
Recht vielen Dank, Jacky
Jimdo Tutorials (Freitag, 31 August 2012 11:04)
@Jacky
Du kannst dir hierfür einmal die Online-Service issuu.com anschauen. Wenn man dort ein Dokument (PDF) hochlädt, lässt es sich als umblätterbares "Magazin" in deine Webseite einfügen.
Gruß, JimdoFriend Fabian
ʙᴇʟɪᴇʙᴇʀ ∞ (Donnerstag, 11 Oktober 2012 20:17)
Super!
Newbe (Donnerstag, 01 November 2012 18:20)
Hallo,
gerne würde ich das mouseover-Skript für einen dynamisch nachgeladenen Bilderlink verwenden.
Die Variable $bild setzte ich anstelle des statischen Links.
Woran muss ich zusätzlich denken?
villa12 (Donnerstag, 01 November 2012 23:45)
Hallo Fabian
Super einfache Erklärung, hat sofort geklappt. Gern möchte ich zusätzlich, dass das ganze noch smooth abläuft. Ich habe auf anderen Seiten bereits gesucht und nichts einfaches und gutes gefunden. Kannst du da helfen?
Viele Grüsse
Raphael
Jimdo Tutorials (Donnerstag, 08 November 2012 10:27)
@ Newbe
Dazu müsste ich wissen, womit du überhaupt dynmisch Bilder einbinden willst. Jimdo unterstützt kein PHP und deine Variable scheint ja eine PHP Variable zu sein?!
@villa12
So etwas ist z.B. einfach mit CSS3 möglich, leider unterstützt Jimdo lediglich CSS2, womit das nicht machbar ist. Es gibt zwar Methoden über Javascript, doch die sind für ein Tutorial deutlich zu aufwendig.
Gruß, JimdoFriend Fabian