- 締切済み
img画像表示を短くしたい
lemmon-slider-0.2 win8.1 pro 下記 img 45個 記述しています。表示が長いので、短くしたい。500個の場合もあります。 ひまわり美術館 http://esd827.web.fc2.com/himawari/index.html 詳細 IE11 F12開発者ツール 参照 <div id="nav"> <div class="wrap"> <div id="container"> <div class="wrap"> <div id="slider3" class="slider"> <ul> <li><img src="images/01.jpg" alt=""></li> <li><img src="images/02.jpg" alt=""></li> <li><img src="images/03.jpg" alt=""></li> ----- cut -------- <li><img src="images/43.jpg" alt=""></li> <li><img src="images/44.jpg" alt=""></li> <li><img src="images/45.jpg" alt=""></li> </ul> </div>
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- y_suzuki-o
- ベストアンサー率14% (12/85)
javascriptにするのはどうでしょうか。サンプルコードです。 <script language="javascript"> function makeSlider(){ var ul = "<ul>"; for(var i=1;i<=45;i++){ ul += '<li><img src="images/' + ("0" + i).substr(-2) + '.jpg"></li>'; } ul += "</ul>"; document.getElementById("slider3").innerHTML = ul; } </script> <body onload="makeSlider();"> <div id="nav"> <div class="wrap"> <div id="container"> <div class="wrap"> <div id="slider3" class="slider"> </div>
- byDesign
- ベストアンサー率75% (45/60)
表示される部分のみの画像を読み込み、他は必要になった時に読み込む手法が良く使われます。 画像の遅延ロードを調べてみてください。
お礼
やりたい事を再度書きます。 カルーセル スライダーなので、順番に50個読み込みます。 この部分をサブルーチンcallの様にしてindex.htmlを短くしたいのです。
お礼
回答ありがとう御座います。 いろいろやってみましたが、やり方がまずいのか、画像が表示されませんでした。 長文コメントを、下記に示します。 http://yahoo.jp/box/RtccqY よろしくお願いします。