Eredmény: 1 - 2 (2) összesen

Téma: Wordpress fade thumbnail javascript

  1. #1
    Képszerkesztő Csurga logója
    Csatlakozott
    10-10-17
    Hely
    Hmvhely
    Hozzászólás
    1.101
    Begyűjtött 317 köszönetet
    206 hozzászólásával

    Alapbeállítás Wordpress fade thumbnail javascript

    Sziasztok!

    Találtam egy kódot, de nem tudom implementálni.
    Jqueryt használ, és egy kétállású képet válogat.

    Kód:
    $(document).ready(function() {
     
                    $(".thumbnail").hover(function() {
     
                                   var thumbOver = $(this).find("img").attr("src");
     
                                   $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});
                                   //Fade the image to 0
                                   $(this).find("span").stop().fadeTo('normal', 0 , function() {
                                                   $(this).hide()
                                   });
                    } , function() {
                                   $(this).find("span").stop().fadeTo('normal', 1).show();
                    });
    });
    Wordpressbe szeretném beilleszteni, ez ilyen fade effektet generálna, tehát egyik képből a másikba áttűnik. WP oldalam bejegyzés thumnail-jeihez szeretném felhasználni, de eddig nem sikerült életet lehelni bele.

    Hiba szerintem nincs benne, de nem tudom, milyen css vagy php kell hozzá.
    Ha valaki tudna segíteni megköszönném.


    "Galaktikus logók, arculat, weboldalak a KKV-számára!"
    stargeckos.com

  2. #2
    Mentor arth2o logója
    Csatlakozott
    10-03-11
    Hely
    Győr
    Hozzászólás
    408
    Begyűjtött 7 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Wordpress fade thumbnail javascript

    Ahol kiszedted ezt a js, kell lenni valami hasonlónak:
    A div lehet más elem

    Kód:
    <div class="thumbnail">
    <a href="#" class="thumb"><span><img src="" alt="" title="" /></span></a>
    </div>
    Amit nem látok, hogy hol van a másik kép elem, ami előtűnik.



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •