Aktywny przycisk z odsylaczem lightbox

  • Agatka721

    (@agatka721)


    10 years, 7 months temu

    Witam!
    Chciałabym utworzyć aktywny przycisk, który będzie się składał z 2 obrazków (normalnego i zmienionego po najechaniu myszką). Dodatkowo link będzie otwierał się w LightBox.
    Jak dotąd mam takie coś:
    http://www.go-on.com.pl/strona-testowa/

    Kod wygląda następująco:

    <a href="http://www.youtube.com/embed/FYvFYLkD9tQ?rel=0"><img class="alignnone  wp-image-699" alt="button 1" src="http://www.go-on.com.pl/wp-content/uploads/2014/01/button-1-300x297.png" width="228" height="223" /></a>

    Czy jest możliwe rozszerzenie tego kodu w taki sposób, aby obecny przycisk był przyciskiem aktywnym i nadal otwieral sie w lightbox?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Paulo

    (@pauloen)

    10 years, 7 months temu

    Trochę to dziwnie wytłumaczyłaś :/

    Link prowadzi do filmu na YT. Rozumiem, że Twoje pytanie brzmi:

    Jak wyświetlić film z YT w LightBoksie po kliknięciu w button?

    Jest taka wtyczka:
    Easy Fancy Box

    Wtyczka rozpoznająć np. linki do filmu na YT pozwala (po jego kliknięciu) wyświetlić go w wyskakującym okienku.

    Wtyczka radzi sobie nawet z podlinkowanymi do YT obrazkami.

    Czyli:
    1. musisz zainstalować taka wtyczkę;
    2. Podlinkować obrazek
    3. Dodać mu pseudoklase :hover co zmieni obrazek po najechaniu myszką.

    Thread Starter Agatka721

    (@agatka721)

    10 years, 7 months temu

    Dziękuje Pawle za odpowiedz. Otóż juz poradziłam sobie z problemem. Najwidoczniej zle sprecyzowałam pytanie. Mialam na mysli tylko i wylącznie możliwośc zmiany(podswietlenia) obrazka po najechaniu myszką.

    Teraz kod wygląda następująco:

    <a class="lbp_secondary" href="http://www.youtube.com/embed/FYvFYLkD9tQ?rel=0" onMouseOver="document.getElementById('zmiana').src='http://www.go-on.com.pl/wp-content/uploads/2014/01/button-1-e1394723331453.png'" onMouseOut="document.getElementById('zmiana').src='http://www.go-on.com.pl/wp-content/uploads/2014/01/click-it-e1394723354765.png'">
<img src="http://www.go-on.com.pl/wp-content/uploads/2014/01/click-it-e1394723354765.png" id="zmiana" border="0">
</a>

    Po najechaniu myszką obrazek zmienia się, a link nadal otwiera się w LightBoxie 😉

    Pozdrawiam serdecznie!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘Aktywny przycisk z odsylaczem lightbox’ jest zamknięty na nowe odpowiedzi.