Demo :
Cara membuatnya Link dan Image Slideshow
Dari Dashboard >> Design >> Edit HTML.
Penempatannya
dibawah <body>
........
diatas </body>
<script type='text/javascript'>
//<![CDATA[
/*
Link dan Image slideshow By JavaScript Kit (http://www.javascriptkit.com/script/script2/jsslide.shtml)
Update in Blogspot (http://nanoyulianto.blogspot.com/)
*/
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//]]>
</script>
<a href="javascript:gotoshow()"><img src="" name="slide" border="0" width="300px"/></a>
<script type='text/javascript'>
//<![CDATA[
//URL gambar
slideshowimages(
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheXxtboJb6eDjw1663RJbP_1gvQ-4iQqSW703AXBXHWHvaZ9kWfVfYeRycSBFe0WXdX4MrYKbMBQRpmXN7XmtonwFhkR-xq7JSOTno9bT71dmwpKcPgltjUWYUK1zmSE8qi22Kstr1O5Y/s1600/alphabet.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9lzoOouNjYmAHXFCkXTV275u5hxdk2lKAjWr1b8W3wHr4ddZEfAYHCNvkiIGi1ewxqwIjhipGe8Dh6MQuPv9NyHHosbwD2sIjoCl5LzKFslCC6GvYzYjfclEFQLuIgSOJqTJjOtiHesY/s1600/buble.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzAW2GLuOXKQ74ohNqSoIztoJ7r_D3FIg1RCRzGaCW18yOlfKJ06wv6mwALNQqkfCYp4oq7nor-M4_I4MHcGvPrphIT5BTfTY4gqe_VW3Qk92qmkP2r8XY5YZD0wl5zfFZhzsHMiywWY/s1600/crazy.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMn8zjaQVECei1hL_Mj3-l2Sjlo7Hqt5M1Fp_cPNKxyh-DhnZOvFyTxWuU0twu81iQbllvs8Q8SQFVkb1kNkGgsJ9P32MUwrCL9HJKaZ4O_-zJUGnd6IEXWyf2wcN3NVV0Nr2MqxKLsHs/s1600/creative.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4r1CxhBryBmfO8QjD6T3Kd9jJc4WqJdYbHtYfXu1jbIaNQsdEgKRQfgq_4KbSNgwe9kOJJNz-uS_2iO-Suqip0OJUdvaka_zFtqCKkQJHDhcir7jz1YH42G9AxMUgtmCjKkrtE-Vg72U/s1600/girl.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMpU1WR9KVWJ2JlS2Wpqjj06apdf5o5PCulQprhtliGzE0bvSgOiVo33EfkKcs8KhZjizTHm0CZ1l2BoeIyIeeeNkLeT9VVZJmz1iqWEpkL5fJ3NZ2zfzuYPCd26qvVEYw7E_cf2hFXAs/s1600/schools.jpg",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbaq5AGuiDC8w7Erv8hSrOsutzTLgIPrfZ6FZl3KGbdPXKkaLLaKp7T1gsG49IcRXTfVOPv74_mLFXTzTiESCC7d7eBUq7bWnutXhw9rDvAkZKqRAOg_plLLFmCO-AFGJZ89A5klWqnjM/s1600/trees.jpg"
)
//Target link
slideshowlinks(
"",
"",
"",
"",
""
)
//Kecepatan, semakin besar semakin lambat
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//]]>
</script>
Credit : JavaScript Kit
Alhamdulillah
0 comments:
Posting Komentar