Image Mouseover

Wenn es über ein Plugin umgesetzt werden soll, dann nutze lieber ein neueres und besseres, denn Deines ist ziemlich veraltet und umständlich in der Anwendung, dieses hier

https://de.wordpress.org/plugins/amazing-hover-effects/

könnte zielführender für Dein Anliegen sein.


Ansonsten ist das auch einfach auf Codeebene zu lösen, im Prinzip gehst Du so vor, wie hier

http://forum.wpde.org/design/152703-hover-effekt-auf-galleriebildern.html

von mir beschrieben (die Beschreibung bezieht sich auf eine selbst als Seite oder Beitrag angelegte Galerie ohne die Galeriefunktion von WP zu nutzen, für Einzelbilder gilt sie aber ebenso, dann entsprechend adaptiert), allerdings lautet der Code für einen Zoomeffekt (den anderen im verlinkten Beitrag dafür bitte vernachlässigen) dann z.B. so

.zoom {
transition: transform 0.6s;
-moz-transition: transform 0.6s;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
-ms-transition: transform 0.6s;
}

.zoom:hover {
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
}

Die Conditional Tags (moz, webkit, o, ms) könnte man eigentlich heutzutage auch weg lassen, aber um Leuten die nicht ganz so aktuelle Browser noch benutzen, den Effekt nicht vorzuenthalten, habe ich sie mal aufgeführt.

Die Parameter (Zahlen) kannst Du nach Deinen wünschen anpassen und so den Effekt noch leicht modifizieren.

 

Hallo zusammen,
ich stehe zur Zeit vor einem kleineren Problem. Der Zoom bei Mouse-Over funktioniert perfekt. Ich hätte es allerdings gern, das die Ausmaße des Bildes, also der "Rahmen" seine Größe behält und das Bild in diesem "Rahmen" sich vergrößert.

Also so, das nur noch ein Ausschnitt des Bildes zu sehen ist. Kann mir da eventuell jemand von euch helfen?

 

Link zu Deiner Seite?

Eröffne einen eigenen Thread mit allen nötigen Angaben lt. Forenregeln, dann kann man Dir ggf. helfen.