
Jika anda merasa website anda begitu sederhana, mungkin bisa kita berikan sedikit galeri gambar yang dapat mempercantik website anda. Tutorial kali ini kita akan coba bahas untuk membuat slide image yang simple tapi cukup menarik. Tinggal bagaimana modifikasi dari anda sendiri.
Berikut langkah2nya :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Portfolio Proweb APDesign</title>
</head>
<script language="javascript">
var photos = new Array()
var which = 0
/*Ganti gambar anda sesuai keinginan*/
photos[0] = "/landson.jpg"
photos[1] = "/gajafiberglass.jpg"
photos[2] = "/alatmedik.jpg"
photos[3] = "/martabakspektakuler.jpg"
photos[4] = "/ptbba.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>
<body>
<table border="0" cellpadding="0">
<caption><strong>Portfolio Proweb APDesign</strong></caption>
<tr>
<td width="100%"><img src="/landson.jpg" width="300" height="378" name="photoslider"></td>
</tr>
<tr>
<td width="100%">
<form method="POST" name="rotater">
<div align="center">
<center>
<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"><small>Awal</small></a></p>
</center>
</div>
</form>
</td>
</tr>
</table>
</body>
</html>
Untuk lebih jelasnya bisa lihat di : Slide Image
PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
| Phone | : | 021 - 2636 3170 |
| Mobile | : | 0856 - 922 622 03 |
| 0812 - 806 2772 | ||
| 0816 - 180 8005 | ||
| Fax | : | 021 - 633 5765 |
| Web | : | www.proweb.co.id |