- ベストアンサー
dreamweaverで画像をクリックすると別画面に大きく表示させたい
dreamweaver cs4 を使っています。 以下のように小さな画像をクリックすると拡大表示されるようなものを置きたいのですが、どのようにすればよろしいでしょうか？ ご存じのかた、どうかお願いします。 さきほど同じような質問をしたのですが、誤って画像を消してしまいました。もうしわけありませんでした。
- yuki23-33
- お礼率83% (35/42)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
表示のタイプは少し違いますが、『画像の拡大表示』や『スライドショー』用のライブラリ（javascript）が沢山作られています。 利用法の解説ページなどもあちこちにあるようなので、そういったものを利用するのも一法かと思います。 以下、ご参考までに。 http://www.goodpic.com/mt/archives2/2007/03/lightboxjs.html LightboxとかThickBoxあたりが、比較的メジャーなのかも…（←不明）
その他の回答 (1)
- web2525
- ベストアンサー率42% (1219/2850)
関連するQ&A
- DREAMWEAVER4の画像表示について
はじめてホームページを作成しております。 ソフトはDREAMWEAVER4を使用しているのですが、 DREAMWEAVERで「ブラウザでプレビュー」では画像がちゃんと 配置されているのですが、ソフトを終了して普通にhtmlファイルを クリックすると画像が表示されません。最初の方に作成した ページはちゃんと表示されているので、何度も作り直ししてみても 画像が表示されません。何故でしょうか？ 何方かご存知の方、ご教示頂けますでしょうか。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- 画像をクリックすると、詳細の画像が表示される。
最近よくこの画面を見るのですが、ページにう小さい画像がたくさん表示されていて、一つの画像をクリックすると、画像がスーっと大きく表示され、後ろの画面が自動的に暗くなります。 http://kumikofuse.ciao.jp/w_works.html これは何のソフトを使用しているのでしょうか？ あるいは、ソフトでなく、JavaScriptなのでしょうか？その場合どのようにして制作しているのかどなたかわかりますでしょうか？ たとえば、Dreamweaverの機能なのでしょうか？ 私が持っているのは「８」なのですが、単に別ウィンドウで画像が表示されるだけです。「CS３」にすればできる機能なのでしょうか？ どなたかよろしくお願いします。
- ベストアンサー
- JavaScript
- DreamWeaverでの画像挿入
DreamWeaverでの画像挿入についてわからないことがあります。 今までは画像を挿入するときはファイルからドラッグして挿入していたのですが、 なぜか、それができなくなりました。 ドラッグすると、グレーの四角が先に挿入され、それを画像と入れ替えなくてはならなくなってしまいました。 どこかの設定を変えてしまったのだと思うのですが、発見できません。 ご存知の方がいたら教えてください。 DreamWeaverはCS4です。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 画像クリックした後別ウィンドウで表示
過去の質問を調べてみましたが無かったのでご質問させて頂きます。 とあるページに小さい画像が右に並んでいて、左に大きい画像がある ページがあります。 その右側の小さい画像をクリックすると左側の画像が小さい画像の拡大版が 表示されます。 ここまでは過去ログにありましたが、その左側の画像をクリックすると 別ウィンドウでそのクリック後に変わった画像が表示したいのです。 別ウィンドウはhtml表示でなくてもイメージの直表示でOKなのですが 説明足らずでわかりにくい点等ございますが、ご指導頂ければ幸いです。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- 拡大画像を別画面で表示したい
メインのページにある画像をクリックすると別ウィンドウで拡大画像を表示したいのですが、うまく出来ません。 下記の方法のタグを教えていただけますでしょうか。 1.拡大画像のウィンドウのサイズは画像に合わせた 適当な大きさに指定したい。 2.開いたウィンドウを【閉じる】ボタンの作成 （テキストで「閉じる」と表示する予定です） 宜しくお願いいたします。
- ベストアンサー
- HTML
- ScrapBookに取り込んだページの画像がFireFox上で適切に表示されない。[IE、Dreamweaver CS4では適切に表示されます。]
FireFox Ver:3.5.7 ScrapBook:3.0-3.6 ScrapBookで取り込んだページを確認の為、閲覧しましたら、表示されません。 おかしいと思い。IEやDreamweaver CS4で読み込んでみました所、適切に表示されました。 右クリックの更新ボタンで一瞬表示されますが、すぐに表示されなくなります。 本来表示されるべき画像の左上の欄に赤い点が表示されます。 この赤い点やエラー原因は何なのでしょうか？ ご存知の方、ご回答お願いします。
- 締切済み
- ブラウザ
- ブラウザで画像リンクをクリックすると画面が暗くなって拡大表示されるのって？
質問内容が正確・適切でないかもしれませんが、ご容赦ください。 最近ですが、標記のように「画像リンクをクリックすると、画面が暗くなって画面中心に画像が拡大表示される」サイトが多く見受けられます。 この表示パターンってどんな技術なのでしょう？ また、どういった環境に依存するのでしょう？ ちょっと質問が曖昧で申し訳ありませんが、何せ調べるにもキーワードがいっこうに思い浮かばないため、上手くヒットしません。 これについての情報をご教示いただければと思います。 なお蛇足ですが、個人的には従来通り普通に別ウインドウ（別タブ）に開くパターンの方が望ましいと思っています。
- ベストアンサー
- ブラウザ
- サムネイルクリックで別ウィンドウに拡大画像表示
javascriptにて画像のようなな形を作りたいのですが初心者で困っています。 ページAの画像をクリックすると別ウィンドウで拡大画像とその他のサムネイルが 表示され、そのウィンドウで各画像を切り替えて観覧できるようにしたいです。 元のページでの画像切替はよくありますが、別ページを開いて観覧する場合がわからず困っています。ページAと同じようなページを複数つくり、拡大のページBは共通で使えるようにしたいと思っています。 ページAのhtml部分は <li><a href=><img src="test.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_a.jpg" title="拡大時に表示する文"></a></li> <li><a href=><img src="test_b.jpg" title="拡大時に表示する文"></a></li> この画像をクリックでページB拡大画像を表示し、画像と一緒にtitleに入れた文章を表示させたいと思っています。 用意する画像は各拡大画像1枚で、サムネイルのところはcssで小さくしています。 このような形は実現可能でしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- 写真画像をクリックすると、画像が拡大表示になる設定方法
ある雑誌で、「ブログに写真画像を掲載するときは、 ３２０X２４０ピクセルで十分で、 そして、写真画像をクリックすると拡大表示にするように設定すれば良い」と書かれていました。 そこで、写真画像をクリックすると拡大表示になる設定方法を教えて下さい。拡大表示はブラウザでは別ウインドウになるかと思います。 画像に何か仕掛けをするソフトがあるのでしょうか？ それとも、もともとブログの写真をアップロードする際に、設定機能があるのでしょうか？ よく使うブログはgooです。 あと、mixiでは「写真は必ず500KB以下の静止のJPEGにしてください。」というルールがあり、圧縮する必要があります。mixiには、拡大設定機能がないようですが。mixiで拡大表示設定をするとなると、画像に何か拡大表示できる設定の仕掛けをするソフトが必要になると思いますが、そのようなソフトはあるのでしょうか？
- ベストアンサー
- ブログ
- Dreamweaverで画像が表示されない
Dreamweaver MX バージョン7.0を使って家族のホームページを作っています。 久しぶりにHPをアップしようとしたのですが、画像(JPG)が表示されなくなってしまいました。 F12のブラウザでプレビューでは問題なく画像が表示されているのですが、リモートサイトにアップしようとすると、「FTPエラーが発生しました。DSC○○をputできません。この処理を実行するにはディスクの容量が足りません」と出てしまいます。 確認してみると、画像の大きさは全部20～60KB程度です。それ以前の写真も同じ位の大きさでこれまで問題なく表示できていました。 分厚い説明本も見ましたがそういう時のことはのっていませんでした。 何方かご存知の方、ご教示頂けますでしょうか。 よろしくお願い致します。
- ベストアンサー
- CSS
補足
ソースは何となくわかるのですが、dreamweaverで設定する方法について、もしお分かりならお願いできないでしょうか？