- ベストアンサー
かっこよく画像を表示させる方法が知りたいです。
かっこよく画像を表示させる方法が知りたいです。 このページのように小さな画像をクリックすると、別ウインドーで写真を表示させたいのですが、これってどうやるんでしょうか。 http://www.swordofrebel.com/tattooworks.html 普通だと_blankで別ページで写真表示させますが、このページは余計なブラウザ枠もなくすっきりして斬新です。 誰か教えてください<(_ _)> 回答の際にはHTMLのタグや、タグの掲載してる参考ページなどを添えてくれるとうれいしです。 というか、これってHTMLタグでやるのかな？？ もしかしてJAVA？
- beginner_w
- お礼率55% (91/164)
- HTML
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ご提示のサイトではshadowboxというjavascriptのライブラリを利用しているようです。 似たような効果のものはたくさん作られているので、そのようなものを利用するのが手っ取り早いかも。 ＜参考＞ ◇shadowbox http://www.shadowbox-js.com/index.html ◇thickbox http://jquery.com/demo/thickbox/ ◇Lightbox http://www.huddletogether.com/projects/lightbox2/
その他の回答 (1)
- mk48a
- ベストアンサー率56% (1133/2007)
javascriptのshadowboxというライブラリを使用しています。 HTMLはソースを見れるので、気になったらチェックしてみると良いでしょう。 設置方法や使い方は検索すればたくさん出てきます。
お礼
ありがとうございます。 これですね。
関連するQ&A
- 画像が表示されないんです
WindowsXP IE6を使っています。 リンクを貼ってある画像（バナー）やJAVA画像が表示されないことが多いんです。 四角に×が表示されるとかじゃないんです。 ソースを見るとimgタグが抜け落ちてるんです。 でも別のパソコンのWin98 IE6で見るとちゃんと表示されて、imgタグもあります。 JAVAはONになっています。 JAVAについては見れるJAVAと見れないJAVAがあります。 リンク貼ってある画像に関しても、見れる画像と見れない画像があります。 どうしたらいいんでしょうか・・・？
- ベストアンサー
- その他（インターネット・Webサービス）
- バナー画像だけ表示されない・・・
HPのリンク集を手作りで作ったのですが、アップロードしたページのバナー画像がなぜか表示できません。 サーバに置いたHTMLファイルをみると、自分が書き込んだバナー画像のタグがあるのに、ブラウザで映すと画像がなく、右クリックでソースを表示すると、そこにもあるはずのバナー画像のタグだけが消えています。自分が手書きで作ったバナー画像のリンクはすべてきれいさっぱり消えています。 サーバに不具合があるのかとおもい、サーバのサポートに問い合わせたところ、私の書き込んだバナー画像のURLの一部が書き損じていると指摘され、だから表示されないのだみたいな、的外れな答えが返ってきました。ひょっとして、私以外のパソコンでは見えるのかもしれないです。。。（その書き損じたURLのタグすら、私のブラウザでは消えているんです。。。） 自分がおもいあたることは、HPを改装し、前のリンク集で使っていたバナー画像の整理が大変だったので、一度すべて削除して、またアップロードしなおしたことです。 とにかく、バナー画像がみえないので、書き損じのチェックができなくて困っています！ こんな状況の直し方がわかるかた、アドヴァイスください！
- 締切済み
- その他([技術者向] コンピューター)
- 携帯でのアクセスをリンク先に飛ばしたい
HPをつくっていますが携帯で私のトップページへリンクしたときに画像を入れているため表示がおそくなります。そのため携帯でアクセスしたときに 画像を張ってない別のページへ自動で飛ぶようにしたいのですがｈｔｍｌタグやjava scriptを使ってできないでしょうか？ よよしくおねがいします。
- ベストアンサー
- HTML
- 画像が表示できません
ホームページをメモ帳にタグ打ちして作成しています。ホームページフォルダの中にトップページと「image」というフォルダを作り、その中に「hi.jpg」という画像を入れてあります。 その画像をトップページに表示させるのに<img src="image/hi.jpg">というタグを打ったのですが、画像が表示できず×マークになってしまいます。 他の文章やリンクはHTMLの本を見ながら、うまくいっているのですが、画像だけ四苦八苦しています。過去の質問を見てみるとタグの打ち間違い、余計なスペースが入ってしまっている、パスの間違いなどの原因があるようなので、それらに注意しながら見直しているのですがダメです。 何が間違っているのでしょうか？ どなたか教えていただけますか？
- ベストアンサー
- その他（インターネット・Webサービス）
- サーバーに転送しても画像が表示されません
こんにちは。 HTMLには無知でも詳しくもない、微妙な知識の者です。 先ほどHPを作っていて、サーバーにFFFTPで転送したのですが、他のページはキチンと反映されているのに、１つだけ画像が表示されないページがありました。 画像が壊れてるのではなく、全く存在してないのです。ソースを見ると、画像のIMGタグが入ってません。でもFFFTPで転送したHTMLファイルには確かにタグが表示されているし、転送されたファイルをダブルクリックすると画像は壊れてますが存在はしてます。画像に直接アクセスすると、GIFファイルは表示されませんでした。PNGに変換すると表示されたのですが、貼り付けたHTMLファイルにはやっぱり何もありません。 ブラウザから見たソースに、書いた覚えのないスクリプトがついていたのですが、これが原因なのでしょうか？↓ <script language="JavaScript"> <!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </script>
- ベストアンサー
- その他(ソフトウェア)
- 写真を最小化させない方法？？
現在ホームページに写真を使っていて、クリックをするとその写真が大きく表示されるように画像に画像のリンクをつけています。（blankで表示） しかし、クリックしても画像が最小化状態で小さく表示され、ブラウザの画像上にマウスを持っていき、最大化してあげなければならず手間がかかります。 ここで質問です！ 最小化されずにそのままの表示で表示できる方法をご存知の方がいらっしゃいましたらアドバイスをお願いいたします。 但し、java svriptなどは使いたくないのでこれ以外で出来る方法がありがたいです・・・。 無理な場合、java svriptも考慮したいと思います！ 宜しくお願いいたします。
- ベストアンサー
- HTML
- サブウインドウで画像を表示する方法
ＨＰ上の画像（http:****.gif）をクリックするとサブウインドウが開いて別の画像（http:****,swf）が表示されるという技は、どうやってやるのでしょうか？ 後者の画像の窓の大きさは400×400にしたいです。 検索するとこのようなプログラムの説明が載ったサイトが幾つか出てきますが、まだＨＴＭＬ初心者なので上手く出来ません。 なので出来ればＨＴＭＬプログラム全文を書き込んで頂ければ幸いです。 関係あるか分かりませんがブラウザはＩＥ６です。 お手数ですが宜しくお願いします。
- ベストアンサー
- HTML
- Googleで画像を検索して結果を開いたらエラーが出て表示されません
よくGoogle等で画像を検索するんですが 画像をクリックして掲載先にある生の画像を 見ようとすると「このページの表示は許可されていません」と出ます。 なんか掲載先がFC2の場合そうなるみたいです。 因みにブラウザーはFirefox 2.0.0.9です。 (一応IE6でも試しましたが同じでした) 尚エラーページは以下です。 http://error.fc2.com/blog3/ ご回答お願いします。
- ベストアンサー
- その他（インターネット接続・通信）
- アルバムをめくるように、画像を次々に表示させたいのですが。
タグ手打ちで、独学でサイトを作っている者からの、HTMLについての質問です。 「こういう風にできないかな」と漠然と考えているだけなので、用語がわからず過去の質問が検索できませんでした。 また、そんな都合のいい方法があるかどうかもわかりません。あらかじめご了承下さい。 現在、 写真は<a href="gazou-001.html" onclick=" window.open('gazou-001.html', '_blank', 'width=350,height=200'); return false;">こちら</a> のように、ポップアップ状態で小窓を表示させ、その中に画像を入れています。また、さらに画像の下に「次・戻る」などの、別の画像に移るリンクを入れようと思います。 ですがこの方法ですと、画像の枚数分「gazou-###.html」ファイルをつくらなくてはなりません。（画像の枚数は、100枚以上には増える予定です） それは仕方ないことですか？ 「###」の部分に任意の画像番号を放り込んで、「gazou-###.html」を一つのファイルで済ませるようなことはできるでしょうか。 最後まで読んで頂きまして、ありがとうございました。
- ベストアンサー
- HTML
お礼
なるほど、JAVAでしたか。 ありがとうございます。 他のも紹介してくれて感謝です。