Cara Menggunakan JQuery Slide Show Malsup -...
Transcript of Cara Menggunakan JQuery Slide Show Malsup -...
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
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
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
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
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
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
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