Rollover Bild vergrößern

[wlive]

Hallo Leute,

brauche mal eure Hilfe. Auf einer Seite meiner Homepage werden ein paar Bilder zu sehen sein. Ich möchte als Rollover Effekt das so haben, dass das Bild vergrößert dargestellt wird soblad ich mit der Mouse darüber gehe. Z.B. in der Mitte vom Bildschirm. Es soll kein neues Browserfenster geöffnet werden was der Besucher wieder wegklicken muss. Lediglich: Mousezeiger fährt über Bild. Bild wird vergrößert angezeigt. Mousezeiger wandert weiter das vergrößerte Bild verschwindet wieder.

Irgendeine Idee?

Ich glaube ich habe da etwas gefunden. overlib heisst es. Werde es mal ausprobieren oder bin ich da vollkommen falsch?

 

[Steve1405]

AW: Rollover Bild vergrößern

Kannst du im Prinzip auch selbst relativ einfach mit Javascript umsetzen. Oder du nimmst halt wirklich ne Bibliothek, die das kann (wie du ja schon gesagt hast).

Willst du es selber machen musst du einfach per deine Javascriptfunktion aufrufen, die das Bild vergrößert bzw. wieder normal darstellt.


Geht sogar ganz ohne Javascript mit reinem CSS:

 

[wlive]

Ich möchte das gerne so unkompliziert wie möglich haben. Mit java /javascript habe ich bis jetzt noch nichts gemacht. Hast DU einen konkreten Vorschlag für mich?

Ups,.. man sollte auch die ANtwort zuende lesen. Genau das was hier zu finden ist: http://www.cssplay.co.uk/menu/lightbox sowas suche ich. Jetzt muss ich mir nur noch irgndwie den Mouseovereffekt suchen und bei mir einbauen.

Danke Dir

 

[efeu22]

AW: Rollover Bild vergrößern

vielleicht reicht dir das ja schon aus.
den code einfach im html modus auf deine seite schreiben

<p><img src="HIER DIE BILD URL REIN" border="1" width="60" height="42" onmouseover="width=300; height=210" onmouseout="width=60; height=42" /></p>

die größe kann man natürlich auch ändern

 

[ekiam14]

AW: Rollover Bild vergrößern

Hallo,

als alternative hier mal eine Seite:

cabel.name: FancyZoom 1.1

Gruß
Ekiam14

 

[wlive]

AW: Rollover Bild vergrößern

Danke euch!

Sowas wie FancyZoom suche ich nur ohne Mausklick.

 

[efeu22]

AW: Rollover Bild vergrößern

wenn es also in richtung galerie geht versuche mal dein glück hier

Bildergalerie mit Vergößerungseffekt

> das ist die demo dazu
http://host.sonspring.com/hoverbox/

auch hier im forum gab es dieses thema schon öfter.
geb mal in der suche mouseover bzw rollover ein