- ベストアンサー
Dreamweaver これはどうやったらつくれますか？
Dreamweaver これはどうやったらつくれますか？ いつもお世話になっています。 Dream weaverで分からない事があり質問させて頂きます！ 添付写真のように ●一覧できる小さなイメージ写真が並ぶ ●小さなイメージをクリック ●同じページ内にある大きなイメージ写真が連動してかわる というものを作りたいのですが、どう制作したらいいでしょうか？ また、このアクション（？）の名前なども知りたいと思っています。 手助けして頂けたら嬉しいです。宜しくお願いします（＾＾）
- moe-moe-6578
- お礼率100% (7/7)
- ホームページ作成ソフト
- 回答数6
- ありがとう数7
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
1) Javascriptを使わず、HTMLだけでもフレームやインラインフレームを使えばできます。 小さい画像に<a href="01_large.jpg" target="aaa">みたいにターゲットを指定。 2) Javascriptを使う場合、流行りのjQueryを利用したデザイン例を流用するのが簡単です。 「ギャラリー jQuery」「アルバム jQuery」等で検索すると沢山作例が出てきます。 http://myisland.jp/template/tips/gallery/gallery01/index.html
その他の回答 (5)
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
フレームにする場合はページをフレームに分割して、右側のフレームに名前を設定。 左側に小さなイメージを配置、それぞれのイメージから大きなイメージにリンクを張って、ターゲットを右側のフレームを指定。 ビヘイビアを使う場合は、 「スワップイメージ」の設定で「onMouseOutで元に戻す」のチェックを外す。 スワップイメージを指定した後、ビヘイビアインスペクタで「onMouseOver」になっているのを「onClick」に変更。 ちなみにDreamweaverではアクションと言わず、ビヘイビアと呼びます。
お礼
早速のご回答、ありがとうございました！！ご丁寧にお返事頂けて感謝しております。 また機会がありましたら宜しくお願いいたします（＾＾）
jQUERYというjavascriptライブラリを使用した、lightboxというスクリプトが良く使用されます。 クリックすると、画像が拡大し、背景が暗くなります。 lightboxで、検索すれば出てきます。タイプは、いろいろあります。
お礼
ご回答、ありがとうございました！ご親切に感謝しております。
- playcats
- ベストアンサー率32% (18/55)
参考URLでフレームを使った例です。
お礼
ご回答、ありがとうございました！サイトを見る事ができなかったのですが、ご親切「にありがとうございました！
- vo_kazu
- ベストアンサー率59% (13/22)
同じページ内に、拡大表示領域がある感じ、ということで良いでしょうか？ [方法１]HTMLだけでやるのであれば、写真１枚に付き、１ページ準備する必要があります。 これは実用的ではありません。 [方法２]JavaScriptで、イメージのリンクを動的に変化させる。 これが一般的です。参考URLをご参照下さい。（クリックすると…なので、OnClickで読み替えてください） [方法３]JavaScript以外の言語でやる。PHPなどHTMLを動的に変化させられる言語を使う方法もあります。 いずれにせよ、HTMLではなく何らかの言語が必要です。 DreamWeaverに入っているプログラムのパーツは存じ上げませんが、ネットで検索してコピペでも十分対応できると思います。
お礼
ご親切なアドバイスありがとうございました！！参考URLも教えて頂けたたので、勉強になりました（＾＾）
- yukio223
- ベストアンサー率26% (34/127)
方法がいくつかありますが、 小さな画像をクリックし、別の大きな画像が切り替わるのであれば、 ロールオーバーが正しいのではないでしょうか。 よく、ボタンにカーソルを乗せると色が変わって、押したら、 光ったりするやつです。 あれを使って、カーソルを乗せたり、クリックしたときに、 別の画像を任意の場所に表示させたり変更したりする事ができます。 また、フレームを使用する場合もありますが、 特別に機能に名前はありませんが、ターゲット指定ですかね。 まだ、難しい機能を使えばやり方はたくさんあると思います。
お礼
ご回答、ありがとうございました！ご親切に感謝しております。
関連するQ&A
- DREAMWEAVER MX2004
DREAMWEAVER MX2004の体験版をダウンロードして使っていますが、htmlが妙におかしくないですか？ DREAM WEAVERのVer3をいまでも使っていますが、htmlにかんしては明らかに使いにくくなっていると思うのですが、DREAM WEAVERマニアの方いらっしゃいましたら、ご意見いただけますか？ MX2004の不思議（Ver3と比べて） ・テープルの間隔の表示があきらに崩れて表示されるときがある。 ・<p>タグの間隔がブラウザの表示と違う ・ライブラリーを更新したが、各ページに反映されていないときがある MX2004はインターフェイスは使いやすくなっていると思いますが、バージョンアップするか考えてしまいます。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver CS5.5のJQuery
PC用のホームページを作りたいのですが、iPadでも見れるようにしたいです。 トップページやギャラリーページはjQueryで写真を動かしたいのですが、 Dreamweaver CS5.5にはjQueryが使える仕様になっていると聞きました。 Adobeのホームページを見てみても詳しく書いていません。 iPhone用の小さいサイズのものではなく、PC用の大きいサイズでもjQueryで簡単に作れるのでしょうか？ jQueryをやったことがないのですが、このソフトで簡単にFlashのように写真を動かしたり、 サムネイルをクリックすると、写真が大きく表示されるようなギャラリーページが作れるのでしょうか？ どなたか、Dreamweaver CS5.5 について教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- Dreamweaverの写真挿入
Mac環境でサイトの運営をしている者でして普段Dreamweaverでページに写真を挿入し解説書きしてアップしていますが量が多いために日々の更新に時間が取られます。現在写真はi PhotoからPhotoshopで開いて”バッチ処理で保存”。イメージはDreamweaverの任意のフォルダーに落としてDreamweaverでページを開いて”右側ツールパレット（ファイル）”から写真を1枚ずつ摘んでページにドラッグしています。毎日、30枚くらいの写真をドラッグしますが30枚を一度にページにドラッグする方法は無いのでしょうか？他のアプリと連携とかしないと無理でしょうか？
- ベストアンサー
- ホームページ作成ソフト
- ＤｒｅａｍＷｅａｖｅｒ リンクの線が消えません
ＤｒｅａｍＷｅａｖｅｒでの質問です。 テーブルに写真を入れて、その写真から他のページへリンクさせました。 ブラウザーで見てみると、写真の周りが青く囲まれています。 一度クリックすると紫に変わります。 リンクのせいだと思い、ＣＳＳにてＵｎｄｅｒＬｉｎｅＮｏｎｅの指定をしましたが、直りません。 何か考えられる原因はありますか？よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- Dreamweaver8での大量写真の取り込みについて。
Dreamweaver8を使ってホームページを作成しています。 その中でアルバムページを作りたいのですが、 写真が2000枚近くあります。 いちいち挿入→イメージとやるには途方もない量なんですけど いっぺんに流し込める方法ありますか？ 教えてください。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaverでフレームセットにタイトルをつけるには
Dreamweaver4で3つのフレームで分割された ページをつくりました。 それぞれのフレームに名前をつけましたが Ｗｅｂにアップしたときタイトルバーに 名前を表示することができません。 フレームのセットそのものに名前をつけるには どうしたらよいのでしょうか。 フレームウィンドウで、3つのフレームを囲む ボーダー(?)をクリックして プロパティで名前をつけるということは やってみたのですが、。。 よろしくお願いいたします。
- ベストアンサー
- HTML
- 【WEB制作:Dream Weaverで作ったHPをWEBで公開する方
【WEB制作:Dream Weaverで作ったHPをWEBで公開する方法】 課題でDreamWeaverを使いホームページ(以下HP)を制作しました。 私の少ないDwの知識を振り絞ってせっかく作ったのですが、サーバーに上げる事無く(要するに「http://…」というアドレスを持つ事無く)この授業は終わってしまいます。。 もったいないし、出来れば公開したいのですが、どうしたら「http://…」というアドレスを持つ事が出来ますか？ 所謂“無料サーバー”というものを利用するんでしょうか？ 出来ればHP維持費は安く済ませられたら嬉しいです。 Dream Weaverで作ったHPをWEBで公開する方法を詳しく教えて頂けますでしょうか？ （参考URL等もありましたらお願い致します） 使用PC:Macintosh OS X ver.10.5.8 使用ソフト:Adobe Dream Weaver CS3
- ベストアンサー
- ハードウェア・サーバー
- ＦｉｒｅＷｏｒｋｓで作った画像をＤｒｅａｍＷｅａｖｅｒに・・
お世話になっています。 FireWorksでほぼまるまるトップページを作成して、 ボタン部分をスライスして、 シンプルロールオーバーで、マウスを乗せると色が変わる設定をしました。 FireWorksからブラウザで確認すると、ちゃんとうごきます。 書き出すときに、 ファイルの種類・・HTMLとイメージ HTML・・HTMLファイルを書き出し スライス・・スライスの書き出し を選びました。 これをDreamWeaverに読み込む前に他になにか注意することはありますか・・？DreamWeaverでは動きません・・。 DreamWeaverに読み込むときというのは、ひょっとして 書き出したときにたくさん出てきたスライス部分の 画像を配置するのでしょうか・・？ 全然見当違いのことを言ってたらすみません・・。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- FLSHボタンのリンクに関する質問です。
FLSHボタンのリンクに関する質問です。 FLASHボタンを作り、アクションレイヤーに以下のアクションを付けました。(action script2.0) rogo_button.onRelease=function(){ getURL("/index.html"); }; これをDREAM WEAVERのTOPページに貼りつけましたが、indexファイルに上手くリンクされません。 (ルート相対のはずなんですが…) どなたかこの問題分かる方おりませんか。質問の内容不足だったらごめんなさい。 (DREAM WEAVER CS４ FLASH CS4です。)
- ベストアンサー
- CSS
- Dreamweaverでページ全体が文字化け
市販の解説書を見ながらDreamweaverを勉強中です。 入門書にそっての作業ですので、大して難しいことをしているわけではないのですが、編集作業で画像を差し替えたりしていたところ、なにかのきっかけでページ全体が文字化けを起こしてしまいました。（添付写真の状態） 取り消し作業や、DreamweaverやMacの再起動を行なってっも解決しませんでした。 なにか解決方法はありますでしょうか？ 使用環境はMac OS 10.6、DreamweaverはCS5です。
- ベストアンサー
- CSS
お礼
PCの不良でチェックがやっとできました。こんなに早くご回答頂いていたのにお礼が遅くなって申し訳ありません。 みなさんご丁寧にご回答頂いて感謝しております！！！ありがとうございました！！現在の知識の範囲ですぐに活用できるアドバイスを頂けたのでベストアンサーに選ばせて頂きました！！ 本当にありがとうございました（＾＾）