Zmiana zdjęcia po kliknięciu zdjęcia produktu

[Adrian Adjatech]

Dzień dobry,

ostatnio podczas aktualizacji produktów na naszej stronie wpadłem na pewien pomysł aby przy tym zmienić jedną rzecz, która wykonana przez programistów nie działa szczególnie dobrze. Chodzi konkretniej o zdjęcie na podstronie z produktem. W momencie kliknięcia na fotki produktu wyświetlana jest ona w powiększeniu jednakże zastanawiam się czy jest możliwość, że po kliknięciu na fotkę zamiast obrazka widocznego na stronie wyświetlane zostaje inne zdjęcie (jak na załączonych screenach). Wiem że istnieje możliwość dodania grafiki stałej pod zdjęciem jednakże na naszej stronie fotki mają rożny format. Dodatkowo na jednym forum znalazłem kod CSS który wygląda następująco: 

div#fotografia { background-image: url("OBRAZEK-1.PNG");

background-repeat: no-repeat; width: 2000px; height: 200px; }

div#fotografia:hover { background-image: url("OBRAZEK-2.PNG");

background-repeat: no-repeat; width: 200px; height: 200px; }

Czy istnieje możliwość prostego dodania takiego kodu czy wiązać się będzie to ze sporą ilością skomplikowanych zabiegów?

Pewnie to zakładam, że przykładowo zdjęcia z dopiskiem 

large_default <<<(zmienione zostają na takie z przykładowym dopiskiem)>>> maxs

Pozdrawiam,

Adrian Kamiński.

Edited January 14, 2021 by Adrian Adjatech (see edit history)