クリックして大きな画像を開く方法

質問

画像をクリックすると大きな画像が別窓で開く、
という動きをよく見かけます。
自分のサイトにも取り込みたいのですが、これはJavaScriptで作るのが一般的なのでしょうか？
それとも、別のやり方もあるのでしょうか？
既存のサイトに取り込むため、スクリプトを使用する場合JavaScript、phpのみ使用可能です。

サンプルコードなどありましたらお教え頂けたらと思います。

よろしくお願いいたします。

回答No.2

noname#16352 · ベストアンサー

>新規画面を開くときにアドレスバーなどを表示したくない

<a href="javascript:window.open('aaa.jpg','name','location=0,directions=0,menubar=0,status=0,toolbar=0,width=250,height=160');">テキストなど</a>

Javascript をインラインで書いちゃいましたが、こんな感じかな…。
→ width や height は好みのサイズ（ウィンドウサイズ）で

お礼

ありがとうございます。javascriptで指定が、やっぱり普通なんですかね？
参考にしようと思って見たソースで画像にぴったり、アドレスバー無しのもので、javascript部分が見当たらなかったので、もしかして、みんな他のやり方があるの？と思ったのですが、、、

回答No.4

rittari_gone

ご質問者様が求められているものと違いましたら申し訳ありません。あくまでもご参考程度に。
最近見つけたのですが、このような見せ方もあるようです。JavaScriptを使っていて、導入も比較的簡単でした。別窓ではありませんがアドレスバーは出ません。
http://www.koikikukan.com/archives/2006/01/13-235556.php

Lightbox JS　http://www.huddletogether.com/projects/lightbox/
Lightbox Plus http://serennz.cool.ne.jp/sb/sp/lightbox/index_ja.html

お礼

ありがとうございます。
いろいろなやり方がありますね。

回答No.3

puricilla

こんばんは、
難しい技法は出来ませんが
JavaScriptを使って
このとおりやれば
何とか出来ます（笑）

よろしかったらお試しください。

参考URL：

http://www.aimix.jp/smallwin.html

お礼

これぞ、正統派のJavaScriptでやる方法という感じでしょうか。
ありがとうございました。

回答No.1

nao31

HTMLだけでできます。
例えば下記です。
<a href="aaa.jpg" target="sss"><img src="aaa.jpg" border="0" width="120" height="80"></a>

お礼

早速のお返事ありがとうございます。すっかり、スクリプトを使わないとできないと思っていたので、おお。と思いました。
今回、画像別のサーバーにおいているため、新規画面を開くときにアドレスバーなどを表示したくないのです。ついでに大きさを指定(画像サイズに合わせ)たいのですが、、、その場合は、やはりスクリプト？