jQuery Image vergrößern bei Hover

[stephangunnar]

Welche jQuery Funktion kann man verwenden, damit man bei einem Image den Effekt bekommt wie er auf http://www.maifeld-derby.de/index.ph...festival-fotos ist, d.h. das Image wird beim mit der Maus darüber fahren größer, verschiebt aber nicht die anderen Images. Ja, ich habe schon gegoogelt, bin aber noch nicht auf die richtige Funktion gestossen. Bin für jeden Tipp dankbar.

[derRenner]

Hallo,

da reicht CSS aus ... schau dir mal die Seite, im Speziellen das Bild, mit einem Webtool (z.B. im Chrome oder Firefox) an. Dann kannst du relativ leicht rauslesen, wie das gelöst ist.
In diesem Fall wird bei :hover das Bild um den Faktor 1,2 vergrössert und der z-index auf 10 erhöht. Damit das noch etwas besser aussieht, wird ein box-shadow angelegt

.wk-gallery-wall.zoom>*:hover {
z-index: 10;
box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4);
-webkit-transform: rotate(0deg) scale(1.2);
-o-transform: rotate(0deg) scale(1.2);
-moz-transform: rotate(0deg) scale(1.2);
-ms-transform: rotate(0deg) scale(1.2);
transform: rotate(0deg) scale(1.2);
}

[Bas]

Ich würds mit CSS und hover machen.
Der umgebende Tag bekommt ne entsprechende Größe und position:relative. Das motiv bei hover ein position:absolute, entsprechende Positionierung und Größe, das ganze mit Transition damit es animiert wird.

[stephangunnar]

Dankeschön, "scale" war der Wink mit dem Zaunpfahl. Ich muß zugeben, das kannte ich bisher noch nicht.