Demo :
 |
Cara membuatnya Foto Slider
Dari Dashboard >> Design >> Edit HTML.
Penempatannya
dibawah <body>
........
diatas </body>
<table border="0" cellpadding="0">
<caption><strong>Foto Slider</strong></caption>
<tr>
<td width="100%"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFV72iCmlKTLDVCfDc786fLsp23KCbXLFwYWrzMrTevKnSSnAvQoD9AHk7BpQNZSLQMDTuP9lDnlYB4Hclm56hDYwLnIst0YSSlq9n169Ee_s9n64Mnl3NF7CMaMJHe9nbqx0kKgS6E_AY/s1600/city+data.jpg" width="300" height="240" name="photoslider"/></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">
<div align="center"><center><p>
<script type='text/javascript'>
//<![CDATA[
var photos=new Array()
var which=0
/*Tempat Foto Anda*/
photos[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFV72iCmlKTLDVCfDc786fLsp23KCbXLFwYWrzMrTevKnSSnAvQoD9AHk7BpQNZSLQMDTuP9lDnlYB4Hclm56hDYwLnIst0YSSlq9n169Ee_s9n64Mnl3NF7CMaMJHe9nbqx0kKgS6E_AY/s1600/city+data.jpg"
photos[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkfqJhqjW0Z-f-XanUKUEOPK5iYzhYaVH3YmTqXFEYPnt0G2pJo-W1q-9x09OlJKIs_iIHknbCvfHEKxDiXJ_dgBVm28TlYQZ1dt7fUTEU0UKxmS8Zf-O1Iy2viQ7NNzHqsW-Ya3Sn0ann/s1600/hiren.jpg"
photos[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFsY5vEWcj3bHcQC6kbMYcYTV77dLAdsbI42gvUunj5OmmrZdf8Hi-rz6lLuti6ijKfuhuA7jD-wQFaQ7MVBDoH22CiRuvqNUkhEEB8jQ1zVf1fditCMkwxa8zMXlV5zFglQayRZIQdeiD/s1600/singapore.jpg"
photos[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGif14d5WMVNPQLItl5g-57tQuLgkatt8kRR1wDhcgTwCWkOz3ccSUqYuPXnVfxlm_2azYzPpTc780-A10NNq44bXOrkjDSOUaNku68PcY_UYHClHbHXBie7pTmUOz_LJ_pl7EoviqjgyM/s1600/soutra.jpg"
photos[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvIobjgKpum9xN0jtnUL-tAFy8QjedrzFAEekHW8srp6T6NTPm6pyjssT0izjrR9RCJngIegME-FvZfkeqaxCmBnHOYsqvP2r0GeV4mpRmsIgMQdy4_TMfjaxSqL0071s5uKNu0qoa_2D/s1600/topix.jpg"
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
//]]>
</script>
<input type="button" value="Back" name="B2" onClick="backward()"/> <input type="button" value="Next" name="B1" onClick="forward()"/><br/>
<a href="#" onClick="which=1;backward();return false">Start Over</a></p>
</center></div>
</form>
</td>
</tr>
</table>
Credit : JavaScript Kit
Alhamdulillah
0 comments:
Posting Komentar