Pop up fancyBox ketika membuka page (fancyBox)

13:27 Unknown 0 Comments

FancyBox adalah salah satu plugin jquery yang sering saya gunakan dalam pembuatan website, plugin ini bersifat free. Dalam post ini saya akan mencoba menampilkan pop up otomatis ketika kita membuka sebuah halaman website. Sederhana dalam penggunaan nya kita hanya perlu menambahkan bebearapa baris kode.

// Activate fancyBox
$(".pop")
  .attr('rel', 'gallery')
    .fancybox({
       'width'  : 450,           // set the width
       'height' : 300,           // set the height
       'type'   : 'iframe',
       'centerOnScroll':'true'
    });


   // Launch fancyBox on first element
   $(".pop").eq(0).trigger('click');

pada file Html :

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

Demo