- ベストアンサー
1ページに大量のWindow.openの最適化方法
- 1ページに大量のWindow.openを使った拡大写真表示の最適化方法について相談です。
- 現在、サムネイル下のボタンクリックで拡大写真表示を実装しています。しかし、30個ほどの画像を表示するために、個別に設定する必要性があります。方法を簡素化するためのアドバイスをお願いします。
- ウェブページに大量のWindow.openを使用して拡大写真表示をする際、30個ほどの画像を個別に設定する必要があります。この作業を簡素化する方法を教えてください。
- master-3rd
- お礼率39% (524/1325)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
open1関数にオブジェクトを指定するようにしてはどうでしょうか？ 試してませんが．．． <!---------------------- function open1(obj){ wo1=window.open("","WindowOpen1", "toolbar=no,location=no,directories=no,status=no,menubar=yno,scrollbars=no,resizable=no,width=430,height=460"); wo1.document.write("<html><head><title>拡大写真</title>"); wo1.document.write("<script language='JavaScript'> "); wo1.document.write("function good(){ "); wo1.document.write(" window.close() } "); wo1.document.write("</script></head><body><center> "); wo1.document.write("<IMG src='" + obj + ".jpg' border='0'> "); wo1.document.write("<br><form> "); wo1.document.write("<input type='button' name= 'ok ' value=' Close ' onClick='good()'>"); wo1.document.write("</form></center></body></html> "); wo1.document.close(); } //-----------------> <FORM><INPUT type="button" name="no1 " value=" 拡大写真 " onclick="open1('1')"></FORM>
その他の回答 (1)
- lonlysheep
- ベストアンサー率56% (29/51)
「この場合、ボタンの ('1')の部分を画像名にしたら良いと言うことですか?」 その通りです。 が、 ボタンで指定した値が関数open1のobj変数に格納されて、 <IMG src='" + obj + ".jpg' border='0'>の部分で挿入されますので、 画像ファイル名をそのままフルで指定する場合は、上の「.jpg」は 取っちゃってください。 逆に、画像がいつも拡張子「.jpg」の場合はこのまま使って、ボタンの 指定部分で拡張子前の名前だけを指定するようにしたほうがよいのかな、と。
お礼
再度の回答ありがとうございました。 ファイルは写真なのですべてjpgです。 名前変更でばっちり出来ました。 ありがとうございました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
補足
回答ありがとうございます。 この場合、ボタンの ('1')の部分を画像名にしたら良いと言うことですか? 試しにやってみますが、間違っているようだったら再度回答お願いします。