※ 引述《jacklovesm (夜 ︴)》之銘言：
: 你好 ^^ 小弟我想請問版友...
: 假如有一堆圖片要放到html網頁中，但那些圖片都要把先設定寬度跟一些細節才可以...
: 例如：
: <div style="width:200px;float:left"><a href="a.jpg">
: <img src="a.jpg" width=200px></a></div>
: ↗
: 那一堆圖片，假設每張都要這樣的話... 那樣慢慢改每張的url實在太累人...
: 那樣有沒有啥方法可以打開html文件只丟入一堆圖片的url都就會自動全部弄好...
: 我感覺跟java好像有關 = = 但我那位同學對什麼甲java, C++, 程設的東西完全不熟...
: html也只是新手
: 謝謝m(_ _)m 我也不知道有沒有問錯板 XDD
Demo: http://web.cc.ntnu.edu.tw/~697080342/img.html
Code:
<textarea id="source">http://www.badongo.com/t/800/4360939
http://www.badongo.com/t/800/4360940
http://www.badongo.com/t/800/4360941
http://www.badongo.com/t/800/4360942</textarea><br/>
<input type="submit" name="transform" id="transform" value="Change"><br/>
<textarea id="output"> </textarea>
Preview:<div id="output2"> </div>
<script type="text/javascript">
document.getElementById("transform").onclick = transform;
function transform(){
var urls = document.getElementById("source").value.split('\n');
var output = "";
for(var x in urls){
output += "<div style='width:200px;float:left'><a href='" +
urls[x] + "'><img src='" + urls[x] +
"' width='200px' border='0'></a></div>\n";
}
document.getElementById("output").value = output;
document.getElementById("output2").innerHTML = output;
}
</script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.122.30.198