Sport

Pemrograman Mobile Lanjutan


Cara membuat Plugin SlideShow:

Step 1. Sertakan library JQuery dan Slider (JS dan CSS)

  1. link rel=“stylesheet” href=“slider.css” type=“text/css” media=“screen” />
  2. script src=“jquery.slider.pack.js” type=“text/javascript”>/script>

Pada contoh di atas, library JQuery diambil langsung dari server Google. Anda dapat menggantinya jika memang ingin menggunakan library jQuery di server / komputer Anda sendiri.

Step 2. Siapkan images (gambar) dan tampilkan dengan tab <img>

  1. div id=“slider”>
  2. img src=“images/roni-1.jpg” alt=“” />
  3. img src=“images/roni-2.jpg” alt=“” />
  4. img src=“images/roni-3.jpg” alt=“” />
  5. img src=“images/roni-4.jpg” alt=“” />
  6. img src=“images/roni-5.jpg” alt=“” />
  7. /div>

Step 3. Panggil fungsi Slider() saat halaman ditampilkan.

  1. script type=“text/javascript”>
  2. $(window).load(function() {
  3. $(‘#slider’).Slider();
  4. });

Selesai..coding slideshow

Berikut contoh video nya :

untuk Demonya bisa di download klik link berikut:  DEMO.rar

by roniamardi 1410128262123.

 

Dosen Pengampu Matakuliah Mobile
M.Ropianto, M.Kom
NIDN.1028067804

About roniamardi

Mengerti akan kehadiran sendiri, dan menjalaninya dengan sebaik mungkin tanpa harus mengeluh.. Aku akan berusaha sekuat tenaga untuk menjadi seorang penolong dan tidak diharapkan untuk ditolong, karena aku berusaha untuk bisa "Berikhlas"

Diskusi

Belum ada komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

worthofweb.com/ebooks

%d blogger menyukai ini: