Im Artikel bei Klick auf das Bild das Zoombild öffnen

Deutsches Forum
1

Hallo Community,

ich habe gesucht und nichts gefunden, deshalb dieser Thread.

Ich möchte ganz einfach im Artikel, wenn ich auf das Bild klicke, die/das ZoomBild(er) geöffnet haben.

Was muss ich einfügen?

Grüße und DANKE im voraus.

2

schau Dir mal im Template den Link bei “Zoom” an - der muss dann eben auf das Bild gelegt werden

3

Nach einigem Testen hab ichs.

Datei: details.tpl

<div class="picture">
      <img src="[{ $oView->getActPicture() }]" id="product_img" class="photo" alt="[{ $product->oxarticles__oxtitle->value|strip_tags }] [{ $product->oxarticles__oxvarselect->value|default:'' }]" href="[{$product->getMoreDetailLink()}]" onmouseover="" onclick="oxid.popup.zoom();oxid.image('zoom_img','[{$aZoomPics[$iZoomPic].file}]');return false;"><b>[{ oxmultilang ident="DETAILS_ZOOM" }]>
    </div>

Dass das “Zoom” nicht 2x da steht habe ich diese Zeile auskommentiert

<!--        <a id="test_zoom" rel="nofollow" href="[{$product->getMoreDetailLink()}]" onmouseover="" onclick="oxid.popup.zoom();oxid.image('zoom_img','[{$aZoomPics[$iZoomPic].file}]');return false;"><b>[{ oxmultilang ident="DETAILS_ZOOM" }]</b></a> -->
4

das klappt jetzt gut, jedoch fehlt mir die mouse over funktion, bzw diese wird nicht dargestellt.

wer kann mir kurz auf die sprünge helfen?

5

Normalerweise gibt es keinen Mouse-over-Effekt für verlinkte Bilder. (Abgesehen vom veränderten Mouse-Zeiger. Du könntest z. B. über CSS einen farbigen Rahmen um das Bild legen.
Beispiel:

img a:hover {
border: red solid 1px;
}

6

Meine Ausdrucksweise war unklar. :slight_smile:
Ich meinte den veränderten Mouse Zeiger. Der fehlt bei dem Bild. Ich habe leider keine Ahnung warum. Das sollte doch automatisch funktionieren, oder?

Bei den anderen Bildern klappt das ja auch. Siehe www.poker-klamotten.de

7

Du hast das onclick-Event ja direkt dem Bild mitgegeben und nicht als “richtiger Link über <a href=”"> so wie es beim zoom-Link ist…
Der Browser kennt solche Spielereien nicht von alleine. Du kannst das entwerder tauschen oder über einen CSS-“Trick” simulieren.

#body .product.details .picture img {
cursor: pointer;
}

8

SUPER!!!

DANKE! Habe es verstanden.

9

gibt’s da auch 'ne Lösung für azure 4.5.1. ? Am elegantesten wäre es dann, wenn bei Klick das Zomm-Fenster auch wieder zu geht. Denke, dass das sicher mit jquerry funktioniert, aber da habe ich leider nicht wirklich einen Plan.

Best Wüsches
oberleiner