Forum PHP.pl > Zoom zdjęcia

Pomoc - Szukaj - Użytkownicy - Kalendarz

arturhrs

5.12.2014, 13:23:48

Witam,

Mam problem z dodaniem funkcjonalności do wtyczki wordpressowej. Chciałbym aby można było powiększyć zdjęcie niestety gotowe rozwiązanie nie daje takiej możliwości. Próbowałem na milion sposobów niestety poległem.

Wrzucam kawałek kodu:

Kod

case "main_image":
                    $ProductString .= "<li data-col='" . $Element->col . "' data-row='" . $Element->row . "' data-sizex='" . $Element->size_x . "' data-sizey='" . $Element->size_y . "' class='prod-page-div prod-page-front-end prod-page-main-image-div gs-w' style='display: list-item; position:absolute;'>";
                    $ProductString .= "<img src='" . $PhotoURL . "' alt='" . $Product->Item_Name . " Image' id='prod-cat-addt-details-main-" . $Product->Item_ID . "' class='prod-cat-addt-details-main' />";
                    break;

Najbliżej do czego doszedłem to dodanie przed img linku do zdjęcia, niestety wtyczka daje możliwość wyświetlania kilku zdjęć (widać na dołączonej grafice) i gdy klikam na fotkę, powiększa się tylko główne zdjęcie.

Grafika: http://zapodaj.net/361946a132fa6.png.html

Proszę o pomoc,

Pozdrawiam

bialko0019

5.12.2014, 22:30:45

Witaj Kolego, chciałbyś powiększyć zdjęcie klikając na nie, dobrze zrozumiałem? ;-) Jeśli dodajesz jakieś zdjęcia do galleri ( np. wstawiasz [gallery] w treści strony ) to domyślnie jest tak, że jest zaznaczony Załącznik ( po prawej stronie po przejściu do dodawania zdjęcia, wybierasz za pomocą SELECT ). Możesz wybrać plik multimedialny. Wtedy w kodzie strony masz link, w którym anchor to obrazek ( np. miniatura ) a docelony odnośnik po kliknięciu otwiera duży obrazek.

Dzięki takiemu zastosowaniu bardzo prosto to obslużyć, bez przeładowania strony. Możesz użyć jakiś wtyczek, któe się nazywają lightbox wordpress itd. Możesz użyć "colorbox jquery" lub podobnych. Wtedy po kliknięciu bez przeładowania, wyświetla Ci się zdjęcie, na warstwie nad wszystkim w pełnej rozdzielczości.

Jeśli znów chcesz, by to zdjęcie po kliknięciu w miniaturke, pokazało się w miejscu innego dużego zdjęcia, też zaproponuję JavaScript i bibliotekę Cycle. Bardzo prosto ją zaimplementować, tam jest dużo instrukcji, nawet i po polsku. Homepage: http://jquery.malsup.com/cycle2/ , a efekt, któy pewnie chces osiągnąć: http://jquery.malsup.com/cycle2/demo/pager.php#adv-custom

Jak coś - pytaj, pomożemy ;-)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.