W TRAKCIE Akcja po najechaniu kursorem na obrazek.

Cześć!

Długo szukałem, ale niestety odpowiedzi nie znalazłem..

Poszukuję instrukcji do dodania akcji: przejście i zmiana obrazka na inny przy nakierowaniu na niego kursorem, a po kliknięciu przejście do hiperłącza.


Mam nadzieję, że opis jest w miarę klarowny..

Z góry dziękuję za pomoc!

 

@gabiec.pl

https://www.growworld.pl/ w szablonie płatnym jest coś takiego, zakładam że i w Twoim przypadku będzie coś podobnego, ale to już pytanie do "magików".

 

ale to tak jak @Grzesiek zaproponował czy w produkcie?
jeśli tak to dla jednego obrazka robisz:
Twój styl

Kod:

.aaa1 a  {
position:relative;
 }

.aaa1 img {
position:absolute;
width:20px;
height:50px; 
}

.aaa1 a:after {
content:url(obrazek);
top:5px;
left:5px;
position:absolute;
display:none;
 }

.aaa1 a:hover img {
opacity:.5;
 }

.aaa1 a:hover:after {
display:block;
 }

i tam gdzie chcesz wstawić obrazek:

Kod:

<div class="aaa1"><a href="link"><img src="obrazek1"></a></div>

aaa1 to klasa dla jednego obrazka, to samo możesz zrobić z innymi
link do wiadomo link
mam nadzieję, że gdzieś błędu nie ma

 

@JTadrzak właśnie miałem napisać, że jest coś takiego możliwe do skonfigurowania przy każdym dowolnym obrazku za pomocą modyfikacji we Własnym stylu CSS. Wystarczy utworzyć odpowiednie klasy, do których później będziesz się mógł odwołać w kodzie HTML (np. plikach .tpl szablonu lub w opisie produktu). Powyżej podany przykład przez @TheL powinien Ci pomóc.

Poza tym jakiś czas temu rozmawialiśmy na temat modyfikacji, aby po najechaniu myszką wyświetlało się drugie zdjęcie: https://forum.home.pl/threads/po-na...wyswietlane-jest-drugie-zdjecie-produktu.678/ - może w tym temacie znajdziesz również wartościowe dla Ciebie informacje.