- ベストアンサー
画像をサブ窓に切り出す方法
- 画像をサブ窓に切り出す効率的な方法についてご教示ください。
- 同じ大きさ（100x100px）の画像をサブ窓に表示する方法を教えてください。
- サブ窓のタイトルをalt文字列に設定して、複数の画像を比較できるようにする方法を教えてください。
- litton101
- お礼率89% (1106/1240)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ドラッグして並べる（動かす）事が目的なら、 ※「scriptaculous.js」を使うと多少質問のご希望とは違いますが比較的簡単に実現できます。 （idを登録したオブジェクトをドラッグできるようになる） コード例 <html> <head> <title></title> <script type="text/javascript" src="scriptaculous-js-1.7.0/lib/prototype.js"></script> <script type="text/javascript" src="scriptaculous-js-1.7.0/src/scriptaculous.js"></script> <script type="text/javascript"> window.onload=function(){ new Draggable('img01'); new Draggable('img02'); new Draggable('img03'); } </script> </head> <body> <ul> <li id="img01"><img src="～～" alt="画像１" width="100" height="100"><br>画像１</li> <li id="img02"><img src="～～" alt="画像２" width="100" height="100"><br>画像２</li> <li id="img03"><img src="～～" alt="画像３" width="100" height="100"><br>画像３</li> </ul> </body> </html> ※http://script.aculo.us/ から入手できます。 ＞get it already - Downloads pageをクリック ＞current virsion - 中から適当な書庫をダウンロード 回答したフォルダをそのままhtmlと同じ場所に。
お礼
steel_grayさん、すごい大技をご教示いただきありがとうございました。 まさに並べて比較することが目的でしたので、 ご紹介の面白いJSで目的も満足させることができました。 ありがとうございました。