Archiv verlassen und diese Seite im Standarddesign anzeigen : Bild anzeigen bei Mouseover
Hallo Miteinander,
bin schon schier am Verzweifeln, da ich es nicht gebacken bekomme.
:icon_troest:
Siehe hier der Thread in einem anderen Forum:
http://www.tutorials.de/forum/javascript/251147-mouseover-bild-anzeigen.html
Das ist auch meine Vorstellung, ich würde es gerne auf meiner Seite einbauen
um die kleinen Vorschaubilder mit Mousover zu vergrößern.
Siehe hier:
http://www.grafix-4you.de/seite/galerie_collagen.html
Da ich die kleinen Bilder im Dreamweaver verkleinert habe (also nicht Originalgröße und dann mit einem Hotspot verlinkt, weiß ich nun nicht wie ich einen versteckten DIV Container hinbastel, um dann das Bild nach darüberfahren mit Mauszeiger anzeigen zu lassen.
Ich stoße hier an meine Grenzen, fällt Euch etwas ein.
Liebe Grüße
Ina ;-)
Hi,
sowas wirst Su wohl suchen.
http://www.juergens-workshops.de/board/showpost.php?p=14772&postcount=2
Oder nutze die Tooltip Library von http://www.walterzorn.de/tooltip/tooltip.htm
Geht sehr gut.
Cu Helmut
Vielen Dank für den Tip, aber das hatten wir unlängst schon einmal, man müßte eine extra Software installieren.
Es gibt die Möglichkeit einen versteckten DIV Container zu erstellen mit dem vergrößerten Bild, dieser wird erst nach Mouseover aktiviert und sichtbar.
So geht es aber die Umsetzung happert, da ich die kleinen Bilder nicht direkt sondern mit Hotspotz verlinkt habe.
P.S. der normale Mouseover geht anscheinend auch nur mit Bildern gleicher Größe, habe ich auch schon herumprobiert.
Liebe Grüße Ina :rolleyes:
Hallo lebus,
hast Du für Dein Problem schon eine Lösung gefunden? Ich suche etwas ähnliches.
Folgende HP-Seite habe ich mir vorgestellt.
Links in einer Spalte (DIV-Container) das Menü. Darüber in einer eigenen Spalte, die Möglichkeit ein Bild anzuzeigen. Beim HP-Start soll hier das Logo einer Firma angezeigt werden. Wenn ich nun mit der Maus über die Menüpunkte fahre, soll hier für jeden Menüpunkt ein anderes Bild angezeigt werden. Zusätzlich brauche ich für den eigentlichen Inhalt der Seite eine weitere Spalte.
Was mir nun Probleme macht, ist die Sache mit dem Menü und den Bildern. Das Menü ist bereits fertig. Aber wie ich dann die Bilder anzeige, weiß ich nicht.
Vielleicht kannst Du mir ja weiterhelfen.
S.
PS: Die Lösung sollte ohne Java-Script funktionieren.
Hi,
sieh dich mal hier um, da sollte was für dich dabei sein
http://www.cssplay.co.uk/menu/gallery.html
Cu Helmut
Jau, die Seite kenne ich schon. Hilft mir aber zur Lösung des Problems nicht wirklich weiter.
Trotzdem Danke
S.
...es wäre gut wenn Du mal etwas Quellcode posten würdest, oder die betreffende Seite Online stellst damit man sich ein Bild machen kann.
Hilft mir aber zur Lösung des Problems nicht wirklich weiter.
Bitte mal etwas präzisieren...
Cu Helmut
Quellcode posten lohnt noch nicht. Aber als Vorlage dient mir die Seite http://barrierefrei.e-workers.de/workshops/dreispalten/dreispalten.html. Und zwar das "Drei Spalten"-Layout. Ich möchte, wenn ich mit der Maus über die Menüpunkte fahre, dass in einem der rechten Boxen ein Bild angezeigt wird. Das Bild soll entsprechend des jeweiligen Menüpunktes angezeigt werden.
Das hilft Dir bestimmt weiter.
S.
Hi,
das mit dem Bilderwechsel ginge nur ohne Javascript wenn Du die Bilder absolut positionierst. Das ist dann genau das was ich hier schon verlinkt hatte http://www.cssplay.co.uk/menu/gallery.html
Da Du aber eine barrierefreie Seite anstrebst, die ja vom Layout her eigentlich flexibel sein soll, geht es nicht ganz ohne Javascript. So weit ist ja CSS nun auch noch nicht.
Mit document.getElementById sollte das vom Javascript Aufwand her wenig Code sein.
Cu Helmut
Vielen Dank für Deine Antwort Helmut.
S.
Hallo erstmal und hier kommt mein HILFESCHREI:
Habe mir dieses Skript mal kopiert und beabeitet (ich bin absoluter Laie)
und ich habe folgende Probleme:
1. will ich mehr Bilder auf die Seite tun....
2. wie bekomme ich die Bilder (die Kleinen) so hin, daß man die auch sehen kann?
Die Bilder müssen nicht unbedingt darunter dann groß erscheinen, es geht auch darüber.
Hier ist mal der Link zu meinem Entwurf:
http://people.freenet.de/cocomilka/
http://people.freenet.de/cocomilka/fotos5.html
Danke schon mal für Hilfe!
Hi,
also wenn Du eine Bildergalerie willst die leicht zu pflegen ist, das Beispiel ist dafür nicht sonderlich gut geeignet. Grund ist das Du hier für jedes Bild den Quelltext ändern musst. Das kann mit der Zeit ziemlich öde werden. Damit will ich nicht sagen das es mit dem CSS nicht ginge, aber das ist vom Arbeitsaufwand her nicht so das wahre...
PHP/Perl hast Du da bei freenet nicht zufällig? Damit ginge manches leichter.
Im Idealfall Bilder hochladen, den Rest macht das Script.
Ansonsten, wenn Du einen 10er drüber hast... http://cms.world4hosting.de/details_whpxl.php oder ganz umsonst bei http://www.funpic.de/
Beim Quellcode könnt ich Dir ja dann helfen.
Cu Helmut
Hi,
PHP/Perl hast Du da bei freenet nicht zufällig? Damit ginge manches leichter.
Im Idealfall Bilder hochladen, den Rest macht das Script.
Beim Quellcode könnt ich Dir ja dann helfen.
Cu Helmut
Ich habe keine Ahnung, ob es das da gibt...
Wie finde ich das raus?
...
Wie finde ich das raus?...da mal anfragen, evtl. haben die auch eine FAQ wo sowas drin steht. Ich glaube aber nicht das die das anbieten.
Cu Helmut
Vielen Dank erstmal für den Tip, habe mich angemeldet, aber hatte noch nicht so recht die Zeit da richtig reinzuschauen...
(Habe auf meiner Page erstmal wieder die Bilder auf die "gute alte Art, so wie ich sie kenne und kann" reingetan...
Vielleicht hat Jemand mal Lust mir ein paar Tips zur Page zu geben,Was und Wie man es besser machen kann!:icon_bravo:
http://people.freenet.de/cocomilka (http://people.freenet.de/cocomilka)
vBulletin® v3.8.4, Copyright ©2000-2010, Jelsoft Enterprises Ltd.