cara menggunakan jquery slide show malsup -...

7
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Cara Menggunakan JQuery Slide Show Malsup Nadi [email protected] Abstrak Penggunaan Jquery Slide Show pada sebuah website sudah merupakan hal yang lumrah agar website tersebut terlihat lebih indah dan menarik terutama pada website company profile dan sejenisnya, untuk itu disini kita akan membuat “JQuery Slide Show dengan menggunakan cara yang mudah untuk di pelajari”. Kata Kunci:pemrograman, php, Teknologi Informasi, JQuery, Slide Show Pendahuluan Sebelum kita memulai menerapkan jquery “Slide Show” alangkah baiknya kita mengetahui fungsi dari jquery “Slide Show” tersebut. Fitur Slide Show adalah suatu fitur dari jQuery yang akan membuat sebuah banner atau gambar bergerak secara otomatis dan bergiliran. Create PDF with GO2PDF for free, if you wish to remove this line, click here to buy Virtual PDF Printer

Upload: phamthuan

Post on 07-Mar-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

Cara Menggunakan JQuery Slide Show Malsup

Nadinadiimazinasigmailcom

AbstrakPenggunaan Jquery Slide Show pada sebuah website sudah merupakan hal yang lumrah

agar website tersebut terlihat lebih indah dan menarik terutama pada website company

profile dan sejenisnya untuk itu disini kita akan membuat ldquoJQuery Slide Show dengan

menggunakan cara yang mudah untuk di pelajarirdquo

Kata Kuncipemrograman php Teknologi Informasi JQuery Slide Show

PendahuluanSebelum kita memulai menerapkan jquery ldquoSlide Showrdquo alangkah baiknya kita

mengetahui fungsi dari jquery ldquoSlide Showrdquo tersebut Fitur Slide Show adalah suatu

fitur dari jQuery yang akan membuat sebuah banner atau gambar bergerak secara

otomatis dan bergiliran

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

Pembahasan

1 Buatlah sebuah project atau site baru pada tools dreamweaver kemudian buatlah

file baru lalu simpan file tersebut dengan nama ldquoindexphprdquo

2 Kemudian download sebuah jquery malsup kedalam computer anda untuk

mendownloadnya anda dapat membuka link website disamping ini

httpjquerymalsupcomcycle

3 Kemudian buat sebuah folder bernama jquery lalu copy kan file ldquojquery-

1102jsrdquo ldquojquery-ui-1104customrdquo ldquojquery-ui-1104customminrdquo dan

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ldquojquerycyclealljsrdquo kedalam folder tersebut jika ada versi yang lebih baru

lebih disarankan

untuk download jquery lihat tutorial yang berjudul ldquoNadi -Cara_Menjalankan _JQUERY

UI_diserver_localrdquo

Lihat gambar dibawah ini

4 Kemudian buat kembali sebuah folder yang bernama images lalu masukkan file

gambar yang anda ingin kan Lihat gambar dibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

5 Setelah itu ketikkan script dibawah ini kedalam file indexphp

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ltDOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdgtlthtml xmlns=httpwwww3org1999xhtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=utf-8 gtlttitlegtJquery Malsup Slide Showlttitlegtltlink href=cssjquery-ui-1104customcss rel=stylesheettype=textcss gtltlink href=cssjquery-ui-1104custommincssrel=stylesheet type=textcss gt

ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customjsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customminjsgtltscriptgtltscript type=textjavascriptsrc=jqueryjquerycyclealljsgtltscriptgt

ltscript type=textjavascriptgt$(function()

$(slide)cycle(fade))ltscriptgt

ltheadgt

ltbodygtltdiv id=slidegt

ltimg src=images1jpg width=700 gtltimg src=images2jpg width=700 gtltimg src=images3jpg width=700 gt

ltdivgtltbodygtlthtmlgtfungsi ltlink href=nama-foldernama-filecss rel=stylesheet type=textcss gt untuk menyisipkan file

bertypecss kedalam file ldquoindexphprdquo

fungsi ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgt untuk menyisipkan filebertypejs atau javascript kedalam file ldquoindexphprdquo

6 Jika sesuai maka jalankan file tersebut di browser kalian lalu ketikkanhttplocalhostnama-folderindexphp maka tampilan nya akan seperti gambardibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 2: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

Pembahasan

1 Buatlah sebuah project atau site baru pada tools dreamweaver kemudian buatlah

file baru lalu simpan file tersebut dengan nama ldquoindexphprdquo

2 Kemudian download sebuah jquery malsup kedalam computer anda untuk

mendownloadnya anda dapat membuka link website disamping ini

httpjquerymalsupcomcycle

3 Kemudian buat sebuah folder bernama jquery lalu copy kan file ldquojquery-

1102jsrdquo ldquojquery-ui-1104customrdquo ldquojquery-ui-1104customminrdquo dan

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ldquojquerycyclealljsrdquo kedalam folder tersebut jika ada versi yang lebih baru

lebih disarankan

untuk download jquery lihat tutorial yang berjudul ldquoNadi -Cara_Menjalankan _JQUERY

UI_diserver_localrdquo

Lihat gambar dibawah ini

4 Kemudian buat kembali sebuah folder yang bernama images lalu masukkan file

gambar yang anda ingin kan Lihat gambar dibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

5 Setelah itu ketikkan script dibawah ini kedalam file indexphp

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ltDOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdgtlthtml xmlns=httpwwww3org1999xhtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=utf-8 gtlttitlegtJquery Malsup Slide Showlttitlegtltlink href=cssjquery-ui-1104customcss rel=stylesheettype=textcss gtltlink href=cssjquery-ui-1104custommincssrel=stylesheet type=textcss gt

ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customjsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customminjsgtltscriptgtltscript type=textjavascriptsrc=jqueryjquerycyclealljsgtltscriptgt

ltscript type=textjavascriptgt$(function()

$(slide)cycle(fade))ltscriptgt

ltheadgt

ltbodygtltdiv id=slidegt

ltimg src=images1jpg width=700 gtltimg src=images2jpg width=700 gtltimg src=images3jpg width=700 gt

ltdivgtltbodygtlthtmlgtfungsi ltlink href=nama-foldernama-filecss rel=stylesheet type=textcss gt untuk menyisipkan file

bertypecss kedalam file ldquoindexphprdquo

fungsi ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgt untuk menyisipkan filebertypejs atau javascript kedalam file ldquoindexphprdquo

6 Jika sesuai maka jalankan file tersebut di browser kalian lalu ketikkanhttplocalhostnama-folderindexphp maka tampilan nya akan seperti gambardibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 3: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ldquojquerycyclealljsrdquo kedalam folder tersebut jika ada versi yang lebih baru

lebih disarankan

untuk download jquery lihat tutorial yang berjudul ldquoNadi -Cara_Menjalankan _JQUERY

UI_diserver_localrdquo

Lihat gambar dibawah ini

4 Kemudian buat kembali sebuah folder yang bernama images lalu masukkan file

gambar yang anda ingin kan Lihat gambar dibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

5 Setelah itu ketikkan script dibawah ini kedalam file indexphp

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ltDOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdgtlthtml xmlns=httpwwww3org1999xhtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=utf-8 gtlttitlegtJquery Malsup Slide Showlttitlegtltlink href=cssjquery-ui-1104customcss rel=stylesheettype=textcss gtltlink href=cssjquery-ui-1104custommincssrel=stylesheet type=textcss gt

ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customjsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customminjsgtltscriptgtltscript type=textjavascriptsrc=jqueryjquerycyclealljsgtltscriptgt

ltscript type=textjavascriptgt$(function()

$(slide)cycle(fade))ltscriptgt

ltheadgt

ltbodygtltdiv id=slidegt

ltimg src=images1jpg width=700 gtltimg src=images2jpg width=700 gtltimg src=images3jpg width=700 gt

ltdivgtltbodygtlthtmlgtfungsi ltlink href=nama-foldernama-filecss rel=stylesheet type=textcss gt untuk menyisipkan file

bertypecss kedalam file ldquoindexphprdquo

fungsi ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgt untuk menyisipkan filebertypejs atau javascript kedalam file ldquoindexphprdquo

6 Jika sesuai maka jalankan file tersebut di browser kalian lalu ketikkanhttplocalhostnama-folderindexphp maka tampilan nya akan seperti gambardibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 4: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

5 Setelah itu ketikkan script dibawah ini kedalam file indexphp

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ltDOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdgtlthtml xmlns=httpwwww3org1999xhtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=utf-8 gtlttitlegtJquery Malsup Slide Showlttitlegtltlink href=cssjquery-ui-1104customcss rel=stylesheettype=textcss gtltlink href=cssjquery-ui-1104custommincssrel=stylesheet type=textcss gt

ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customjsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customminjsgtltscriptgtltscript type=textjavascriptsrc=jqueryjquerycyclealljsgtltscriptgt

ltscript type=textjavascriptgt$(function()

$(slide)cycle(fade))ltscriptgt

ltheadgt

ltbodygtltdiv id=slidegt

ltimg src=images1jpg width=700 gtltimg src=images2jpg width=700 gtltimg src=images3jpg width=700 gt

ltdivgtltbodygtlthtmlgtfungsi ltlink href=nama-foldernama-filecss rel=stylesheet type=textcss gt untuk menyisipkan file

bertypecss kedalam file ldquoindexphprdquo

fungsi ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgt untuk menyisipkan filebertypejs atau javascript kedalam file ldquoindexphprdquo

6 Jika sesuai maka jalankan file tersebut di browser kalian lalu ketikkanhttplocalhostnama-folderindexphp maka tampilan nya akan seperti gambardibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 5: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

ltDOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdgtlthtml xmlns=httpwwww3org1999xhtmlgtltheadgtltmeta http-equiv=Content-Type content=texthtml charset=utf-8 gtlttitlegtJquery Malsup Slide Showlttitlegtltlink href=cssjquery-ui-1104customcss rel=stylesheettype=textcss gtltlink href=cssjquery-ui-1104custommincssrel=stylesheet type=textcss gt

ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customjsgtltscriptgtltscript type=textjavascript src=jqueryjquery-ui-1104customminjsgtltscriptgtltscript type=textjavascriptsrc=jqueryjquerycyclealljsgtltscriptgt

ltscript type=textjavascriptgt$(function()

$(slide)cycle(fade))ltscriptgt

ltheadgt

ltbodygtltdiv id=slidegt

ltimg src=images1jpg width=700 gtltimg src=images2jpg width=700 gtltimg src=images3jpg width=700 gt

ltdivgtltbodygtlthtmlgtfungsi ltlink href=nama-foldernama-filecss rel=stylesheet type=textcss gt untuk menyisipkan file

bertypecss kedalam file ldquoindexphprdquo

fungsi ltscript type=textjavascript src=jqueryjquery-1102jsgtltscriptgt untuk menyisipkan filebertypejs atau javascript kedalam file ldquoindexphprdquo

6 Jika sesuai maka jalankan file tersebut di browser kalian lalu ketikkanhttplocalhostnama-folderindexphp maka tampilan nya akan seperti gambardibawah ini

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 6: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

PenutupKesimpulan dari artikel diatas bertujuan agar nanti si pembaca dapat menerapkan fungsi

dari fitur ndash fitur diatas sehingga dapat membantu dalam pembuatan dan pengerjaan

sebuah website ataupun aplikasi berbasis web

Referensi

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer

Page 7: Cara Menggunakan JQuery Slide Show Malsup - ilmuti.orgilmuti.org/wp-content/uploads/2014/04/Nadi-Cara_Menggunakan_JQuery... · seperti web based application dalam bahasa pemrograman

Lisensi DokumenCopyright copy 2008-2014 ilmutiorgSeluruh dokumen di ilmutiorg dapat digunakan dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial(nonprofit) dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiapdokumen Tidak diperbolehkan melakukan penulisan ulang kecuali mendapatkan ijin terlebih dahulu dari ilmutiorg

httpsjqueryuicom

httpjquerymalsupcomcycle

BiografiLulus SMK pada tahun 2011 dari jurusan Rekayasa Perangkat Lunak

(RPL) di SMK YUPPENTEK-2 Curug Tangerang dan sekarang sedang

menjalani kuliah S1 di STMIK Raharja Menyukai bidang programming

seperti web based application dalam bahasa pemrograman seperti bahasa

Hypertext Multi Language (HTML) Cascading Style Sheet (CSS) Hypertext

Preprosesor (PHP) dan Javascript Database application yang sering digunakan adalah

MySQL Selain itu tertarik juga pada design web templates menggunakan aplikasi

Adobe Photoshop Saat ini bekerja sebagai IT Media di PTFormcase Industries dan

aktif sebagai web base programmer di Cnplus Computer (wwwcnplusbiz)

Facebookcom httpswwwfacebookcomnadiimazinasi

Twittercom httpstwittercomnadi_imazinasi

Plusgooglecom httpsplusgooglecom104521597026029479453posts

Linkedincom httpwwwlinkedincompubnadi-imazinasi898293b0

Create PDF with GO2PDF for free if you wish to remove this line click here to buy Virtual PDF Printer