jquery slideshow

6
//JQUERY SLIDESHOW Dicky Perdian M.Ilham Utama Intan Damayanti Yeyin Purnama Sari Working Members

Upload: dicky-dnsc-ybs

Post on 17-Aug-2015

39 views

Category:

Education


2 download

TRANSCRIPT

//JQUERY SLIDESHOW

Dicky PerdianM.Ilham UtamaIntan DamayantiYeyin Purnama Sari

Working Members

CONTOH SLIDESHOW

MENGGUNAKAN JQUERY

Demo Click Here

Untuk Pemanggilan Jquery Library dapat menggunakan :

<script type="text/javascript" src=“js/jquery-1.2.6.min.js"></script>

PEMANGGILAN JQUERY

Contoh !

<script type="text/javascript">

//SCRIPT DI TULIS DI SINI

</script>

PENULISAN JQUERY

Jquery Di tulis di Antara <script> dan </script>

Area Yang Digunakan untuk Kerja JQUERY :

Gunakan $(function{

alert(‘JQUERY TEST SUCCESS’);

});

Demo Click here

SCRIPT JQUERY UNTUK

MEMBUATSLIDESHOW SEDERHANA

<script type="text/javascript">

function slideSwitch(){var $active = $('#slideshow img.active');if($active.length == 0) $active =

$('#slideshow img.last');

var $next = $active.next().length ? $active.next():$('#slideshow img:first');

$active.addClass('last-active');

$next.css({opacity:0.0}).addClass('active').animate({opacity:1.0},1000,function(){

$active.removeClass('active last-active');});

}

$(function(){setInterval("slideSwitch()",2000);

});</script>

*JQUERY Tidak Akan berkerja Jika ada Sedikit Kesalahan dalam Penulisannya