Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pemrograman Web

    Diunggah oleh

    fauzandahwi2004
    2 tayangan6 halaman

    Judul Asli

    PEMROGRAMAN WEB

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    2 tayangan6 halaman

    Pemrograman Web

    Diunggah oleh

    fauzandahwi2004

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    PEMROGRAMAN WEB

    PERTEMUAN IX
    PEMANGGILAN LIBRARY
    • Selanjutnya kita panggil beberapa file javascript yakni file jQuery, plugin
    jQuery basic-slider, dan file CSS bawaan dari jquery-basic slider.
    Tambahkan kode berikut pada header.

    <!DOCTYPE HTML>
    <HTML>
    <head>
    <title>Miniml</title>
    <link rel=“stylesheet” href=“style.css”>
    <link rel=“stylesheet” href=“basic-jquery-slider.css”>
    <script src=“jquery.js” type=“text/javascript” ></script>
    <script src=“basic-jquery-slider.js” type=“text/javascript” ></script>
    PEMANGGILAN LIBRARY
    • Tambahkan juga style berikut ke dalam file style.css
    yang kita buat sebelumnya pada bagian paling bawah

    .bjqs-next a, .bjqs-prev a {
    color: orange;
    text-decoration: none;
    background: white;
    padding: 5px 10px;
    }
    AKTIVASI PLUGIN
    • Langkah terakhir adalah pemanggilan fungsi basic slider yang akan
    merubah markup HTML kita menjadi Slider. Tambahkan kode berikut
    setelah kode pemanggilan library basic-jquery-slider.js

    <script >
    $(document).ready(function(){
    $('#slideshow').bjqs({
    'width' : 720,
    'height' : 238,
    'showMarkers' : false,
    'showControls' : true
    });
    });
    </script>
    PENAMBAHAN KODE PADA ID SLIDESHOW

    • Yang semula begini


    <div id=“slideshow”>
    <img src=“slide.jpg” alt=“slide” />
    <h1><a href=“”>Belajar HTML &amp; CSS :
    Tutorial fundamental mempelajari HTML dan
    CSS</a></h1>
    </div>
    PENAMBAHAN KODE PADA ID SLIDESHOW
    • Menjadi begini
    <div id="slideshow">
    <ul class="bjqs">
    <li>
    <img src="slide.jpg" alt="slide" />
    <h1><a href="">Belajar HTML &amp; CSS : Tutorial fundamental mempelajari HTML dan
    CSS</a></h1>
    </li>
    <li>
    <img src="slide2.jpg" alt="slide" />
    <h1><a href="">Belajar HTML &amp; CSS : Tutorial fundamental mempelajari HTML dan
    CSS</a></h1>
    </li>
    <li>
    <img src="slide3.jpg" alt="slide" />
    <h1><a href="">Belajar HTML &amp; CSS : Tutorial fundamental mempelajari HTML dan
    CSS</a></h1>
    </li>
    </ul>

    Anda mungkin juga menyukai