- LOVESuper PRO
- Tổng số bài gửi : 837
Điểm kinh nghiệm : 49
Điểm thưởng : 13
Đến từ : A3k43
Ngày tham gia : 02/12/2007
Tâm trạng :
Trưng bày ảnh
14/08/08, 09:10 pm
- Code:
<script language="javascript">
// A3k43.net
// List image names without extension
var myImg= new Array(3)
myImg[0]= "photo1";
myImg[1]= "photo2";
myImg[2]= "photo3";
myImg[3]= "photo4";
myImg[4]= "photo5";
myImg[5]= "photo6";
myImg[6]= "photo7";
// Tell browser where to find the image
myImgSrc = "";
// Tell browser the type of file
myImgEnd = ".jpg"
var i = 0;
// Create function to load image
function loadImg(){
document.imgSrc.src = myImgSrc + myImg[i] + myImgEnd;
}
// Create link function to switch image backward
function prev(){
if(i<1){
var l = i
} else {
var l = i-=1;
}
document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}
// Create link function to switch image forward
function next(){
if(i>2){
var l = i
} else {
var l = i+=1;
}
document.imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
}
// Load function after page loads
window.onload=loadImg;
</script>
- LOVESuper PRO
- Tổng số bài gửi : 837
Điểm kinh nghiệm : 49
Điểm thưởng : 13
Đến từ : A3k43
Ngày tham gia : 02/12/2007
Tâm trạng :
Re: Trưng bày ảnh
14/08/08, 09:12 pm
<div style="width:400px; height:300px; margin: auto;">
<img name="imgSrc" id="imgSrc">
</div>
<!-- Controller -->
<table width="400" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000; width:400px; margin: auto;">
<tr>
<td align="center"><a href="#" onClick="prev();"> «</a></td>
<td align="center"><a href="#" onClick="next();"> » </a></td>
</tr>
</table>
<img name="imgSrc" id="imgSrc">
</div>
<!-- Controller -->
<table width="400" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #000000; width:400px; margin: auto;">
<tr>
<td align="center"><a href="#" onClick="prev();"> «</a></td>
<td align="center"><a href="#" onClick="next();"> » </a></td>
</tr>
</table>
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|