มือใหม่หัดเขียน html ครับ คือไปได้โค้ดมาแล้วงมอย่างไร ก็ไปไม่ถูก
อยากให้เป็นดังนี้ครับ คือ อยากให้แสดงเป็น 3 column
แล้วจากที่เลือกเป็น option (Drop Down Menu) อยากให้รับค่าเป็นพิมพ์ตัวเลขลงไปแหละครับ
เช่น
Column 1 พิมพ์เลข 1 ก็แสดงรูป 1
Column 2 พิมพ์เลข 3 ก็แสดงรูป 3
Column 3 พิมพ์เลข 4 ก็แสดงรูป 4
เป็นต้น
ตัวอย่างโค้ดนะครับ
[code] <html>
<head>
<script type="text/javascript">
/* URL of folder with images */
var baseURL_OF_images = "./";
/* array of default image files */
var images =
[ "image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg",
"image5.jpg",
"image6.jpg",
"image7.jpg" ]
function switchImage(imgNum){
var x = parseInt(imgNum);
var src = baseURL_OF_images
+ ( ( x < 0 ) ? "DefaultAvatar.JPEG": images[x] );
document.getElementById("#AvatarImage").src = src;
return true;
}
</script>
</head>
<body>
<img id="#AvatarImage" name="#AvatarImage" src="DefaultAvatar.JPEG" style="widht:200px;height:200px;"/>
<select onChange="switchImage(this.options[this.selectedIndex].value);">
<option value="-1" selected="1">Default image</option>
<option value="0">image #1</option>
<option value="1">image #2</option>
<option value="2">image #3</option>
<option value="3">image #4</option>
<option value="4">image #5</option>
<option value="5">image #6</option>
<option value="6">image #7</option>
</select>
<br><hr><br>
</body>
<html>
[/code]
ขอบคุณครับ
ช่วยปรับโค้ดการแสดงรูปใน html ให้หน่อยนะครับ
อยากให้เป็นดังนี้ครับ คือ อยากให้แสดงเป็น 3 column
แล้วจากที่เลือกเป็น option (Drop Down Menu) อยากให้รับค่าเป็นพิมพ์ตัวเลขลงไปแหละครับ
เช่น
Column 1 พิมพ์เลข 1 ก็แสดงรูป 1
Column 2 พิมพ์เลข 3 ก็แสดงรูป 3
Column 3 พิมพ์เลข 4 ก็แสดงรูป 4
เป็นต้น
ตัวอย่างโค้ดนะครับ
[code] <html>
<head>
<script type="text/javascript">
/* URL of folder with images */
var baseURL_OF_images = "./";
/* array of default image files */
var images =
[ "image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg",
"image5.jpg",
"image6.jpg",
"image7.jpg" ]
function switchImage(imgNum){
var x = parseInt(imgNum);
var src = baseURL_OF_images
+ ( ( x < 0 ) ? "DefaultAvatar.JPEG": images[x] );
document.getElementById("#AvatarImage").src = src;
return true;
}
</script>
</head>
<body>
<img id="#AvatarImage" name="#AvatarImage" src="DefaultAvatar.JPEG" style="widht:200px;height:200px;"/>
<select onChange="switchImage(this.options[this.selectedIndex].value);">
<option value="-1" selected="1">Default image</option>
<option value="0">image #1</option>
<option value="1">image #2</option>
<option value="2">image #3</option>
<option value="3">image #4</option>
<option value="4">image #5</option>
<option value="5">image #6</option>
<option value="6">image #7</option>
</select>
<br><hr><br>
</body>
<html>
[/code]
ขอบคุณครับ