1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

ROZWIĄZANE Jak użyć funkcji onmouseover do zwykłego obrazka w clickshop?

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika d1zzy, 18 Sierpień 2017.

  1. d1zzy

    d1zzy Bywalec

    Wiadomości:
    18
    Docenione treści:
    2
    Witam,

    na stronie głównej w sklepie mam moduł w prostym kodem html, jedna tabela, zawierająca loga producentów jako pliki png będące jednocześnie linkami do odpowiednich wyszukiwań.

    Chcę, aby po najechaniu kursorem na któryś z obrazków zmienił się na inny (w tej samej lokalizacji) a po odsunięciu kursora powrócił do stanu poprzedniego.

    Obecnie obrazki wyświetlają się dzięki takiej prostej składni:

    <td><a title="Twins" href="/pl/searchquery/twins/1/phot"><img src="/public/assets/producenci/twins_110_90bw.png" alt="" width="110" height="90" /> </a></td>


    Prośba o pomoc jak to zmodyfikować. Dzięki!

    (u mnie jest to prawy moduł na stronie www.dobrekimona.pl)
     
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Znalazłem w Google coś takiego:

    onClick - klikniecie
    onMouseOver - najechanie
    onMouseOut - zjechanie


    Kod:
    <a href="#" onMouseOver="gfx.src='2.gif'"
    onMouseOut="gfx.src='1.gif'" onclick="gfx.src='3.gif'">
    <img src="1.gif" name="gfx"></a>

    # - link do strony
    1.gif - obrazek podstawowy
    2.gif - obrazek po najechaniu
    3.gif - obrazek po kliknieciu
     
    d1zzy lubi to.
  3. d1zzy

    d1zzy Bywalec

    Wiadomości:
    18
    Docenione treści:
    2
    Dzięki, takiej składni mi brakowało, wieczorem podziałam w temacie. A ktoś zna sposób na rozjaśnienie obrazka po najechaniu? Trochę życia w stronę chcę wnieść.
     
  4. casar

    casar Profesjonalista

    Wiadomości:
    507
    Docenione treści:
    135
    Sprawdź w tym temacie - @TheL podał kilka rożnych modyfikacji dla plików graficznych po najechaniu właśnie. Wszystko opiera się o zastosowanie odpowiednich wpisów we własnym stylu CSS.
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    nie używajmy do tego js, wystarczy css, działa szybciej i sprawniej
     

Poleć forum znajomym