Lagi iseng-iseng buka http://javascriptkit.com saya dapat tutorial bagus cara membuat backbox images,apa itu backbox images??Backbox adalah sebuah images gallery script yang menampilkan photo kamu dengan tampilan yg ringan dan mudah cara membuatnya.Untuk contohnya bisa dilihat disini.Adapun langkah-langkah membuatnya adalah sebagai berikut :
1.Download script backbox nya di sini
2.Upload hasil download pada webhosting anda
3.Buat halaman page dan masukan script di bawah ini pada bagian <head>
<link rel="stylesheet" href="backbox.css" type="text/css" />
<script type="text/javascript" src="js/prototype.compressed.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/dhtmlHistory.js"></script>
<script type="text/javascript" src="js/customsignsheader.js"></script>
4.Kemudian masukan script di bawah ini pada bagian <body>
<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()">
<a href="images/babyhand.jpg" rel="lightbox[slide]" caption="A Bunch of Grapes">
<img src="images/sunset.jpg" alt="lime" width="400" height="300" border="0" /></a>
</div>
<a href="images/desert.jpg" rel="lightbox[slide]" caption="Sunflower"></a>
<a href="images/beech.jpg" rel="lightbox[slide]" caption="Dolphin"></a>
<a href="images/lime.jpg" rel="lightbox[slide]" caption="Waterfall"></a>
5. Yang terakhir masukan script di bawah ini pada bagian bawah halaman page anda sebelum tag </body>
Pada bagian yang saya beri warna merah dapat anda rubah sesuai dengan images yang anda inginkan.
Selamat mencoba....:)
Backbox Images
Diposting oleh .::4ndh1-0nL1n3::. Label: JavaScript di 4:56:00 PM
0 komentar:
Posting Komentar