Bilder per css & product_listing_v1 automatisch vergössern

[jenni]

Hallo zusammen,

ich versuche gerade die 3 Spalten Artikelansicht etwas zu vergössern. Um genau zu sein nur die Bilder und nur mittel css.

Dazu haben ich flg Code eingegeben und soweit gehts, bis auf die Zentrierung und das die bilder natürlich unscharf werden, da sie upskaliert weren. Eigentlich wäre eine Vergrösserung aufs Popup-Image gewünscht...

Code: CSS  [Auswählen]

div.productPreviewImage {
  padding: 55px 85px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}



div.productPreviewImage img:hover {
  position: absolute;
  padding:10px 10px 10px 10px;float:left;width:140px;height:140px;/* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 260px;      /* die höhe beim vergrößern */
}

Sollte ähnlich wie Cloudzoom funktionieren nur ohne .js

Standardt steht in der Stylesheet an der Stelle:

Code: CSS  [Auswählen]

padding:10px 10px 10px 10px;float:left;width:140px;height:140px;

Vielleicht ist es einfach schon zu spät und ich schlafe gleich an meinen warmen lapi ein

LG

Jenni

PS Wieso öffnet sich nix wenn ich auf den Spenden-Button klicke?

Mein Schatz hatts mir erlaubt zu spenden

Linkback: https://www.modified-shop.org/forum/index.php?topic=29921.0

[jenni]

Hallo zusammen,

habe es nun geschafft mit:

Code: CSS  [Auswählen]

.listing_img{padding:10px 10px 10px 10px;float:left;width:140px;height:140px;}
.listing_img img:hover {position:absolute;width: 400px;height: 400px;}

So wird nun das kleine Bild in der Kategorienansicht vergrößert dargestellt.

Wie kriege ich es nun hin, da es verzerrt ist,das Popup Bild stattdessen zu generieren?
Muss ich eine weitere div einbauen?

LG

Jenni

[jenni]

So anderen Weg gewählt...

http://www.modified-shop.org/forum/index.php?topic=17607.0;all
Funktioniert auch mit der 1.06 letztes Release, da Cloud Zoom Modul mit 1.06 nicht funktioniert

It's great

LG Jenni

PS Info Images vergössert auf 400x320 und das alles in feiner 4 Spalten-Ansicht