| chanceranma |
2017-05-23 03:43 PM |
關於論壇文章語法的問題
各位大大好，最近小弟想在自己的網站上，弄個貼圖區，考慮貼圖的數量可能會讓文章過長，所以在網路上搜尋些 "點小圖顯示大圖的語法"，如底下圖所示，想求教各位大大，是否有比較便利的方法，輸入編號跟圖片的網址，就能輸出完整語法的方式，語法如下，修改的部分是紅字的部分，因為有些貼圖可能超過10張以上，先感謝各位先進的指教
引用:
<script language="javascript" type="text/javascript">
function view(t){
switch(t){
case 1:
document.getElementById("img").innerHTML = '<img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763122.jpg" style="border:4px solid #FFF;">';
break;
case 2:
document.getElementById("img").innerHTML = '<img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763123.jpg" style="border:4px solid #FFF;">';
break;
case 3:
document.getElementById("img").innerHTML = '<img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763131.jpg" style="border:4px solid #FFF;">';
break;
case 4:
document.getElementById("img").innerHTML = '<img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763125.jpg" style="border:4px solid #FFF;">';
break;
case 5:
document.getElementById("img").innerHTML = '<img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763124.jpg" style="border:4px solid #FFF;">';
break;
}
}
</script>
<a href="javascript:view(1)"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763126.jpg" style="border:2px solid #FFF;" width="80" height="60"></a>
<a href="javascript:view(2)"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763127.jpg" style="border:2px solid #FFF;" width="80" height="60"></a>
<a href="javascript:view(3)"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763130.jpg" style="border:2px solid #FFF;" width="80" height="60"></a>
<a href="javascript:view(4)"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763128.jpg" style="border:2px solid #FFF;" width="80" height="60"></a>
<a href="javascript:view(5)"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763129.jpg" style="border:2px solid #FFF;" width="80" height="60"></a>
<div id="img"><img src="http://p2.p.pixnet.net/albums/userpics/2/3/639323/1203763122.jpg" style="border:4px solid #FFF;"></div>
|
|
