- ベストアンサー
サムネイルをクリックするとコンテンツが変わる
http://www.au.kddi.com/ 上記、AUのページのように、 下にサムネイルがあって、クリックすると上のコンテンツが変わるようなコンテンツを作りたいと思っています。 画像を切り替えることはできたのですが、 div枠を切り替えるようにしたいと思っています。 いろいろと検索しましたが、ギャラリー用のプラグインばかりで、 div枠を切り替えるものが見つかりませんでした。 どのようにしたらいいか、 もしくは、プラグインがあればそちらを教えてください。 よろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- サムネイル系プラグインとmaximageとの連携
サムネイル系プラグインとmaximageとの連携 maximage http://www.aaronvanderzwan.com/maximage/bg.php prettyphoto http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ この二つを組み合わせて、サムネイルをクリックしたら画像が拡大表示され、 かつ拡大表示されている画像がウィンドウに合わせてリサイズされるギャラリーを作成しようと試みたのですが、 maximageだけが適用されてしまい、画像だけが表示されてしまいます。 maximageの記述を外すと通常どおりprettyphotoが適用される、といった感じです。 lightbox風のプラグイン等でも試してみたのですが、同じ現象になってしまいます。 サムネイル系のプラグインと連携してmaximageを使用する方法を知っている方、教えていただけますでしょうか。 宜しくお願い致します。
- 締切済み
- JavaScript
- サムネイルが拡大されない
HPビルダーを使っています。 デジカメの画像のギャラリーを作りたくて、「挿入」→「デジカメ写真」→「サムネイル」として、サムネイルを作りました。 サムネイル…、つまり、小さな画像の一覧は作成できたのですが、それを実際にアップして、ブラウザで見たところ、クリックしても元の大きさの画像が表示されません。 サムネイルって、クリックすれば、元の大きさの画像が表示されるものですよね? 画像がアップできていないのかと思うのですが、ページの転送も終了してるし、よく分かりません。 原因が分かる方いましたら、お願いします。
- 締切済み
- ホームページ作成ソフト
- サムネイルについて
サムネイルをクリックすると、大きい商品画像&説明文を表示させたいのですが、どうすればいいのでしょうか? 説明文はテキストフィールドで収まるようなものでなく、テーブルを使って詳しい商品説明をし、レイアウトしたいのですが…。 ↓このページの表示がイメージに近いです。 http://www.chimudon.com/home/gallery/gallery.cgi?mode=main&action=view&no=11&photono=1&tailno=.jpg&wno=363&hno=282
- ベストアンサー
- JavaScript
- サムネイルクリックで、画像をチェンジさせたい
初心者です。よろしくお願いします。 いくつか並んだ小さなサムネイル画像をクリックすることで、少し離れた大きめ画像をそれぞれのサムネイル画像の拡大に変えたいです。 下記のページの答えを参考にしてやってみました。http://oshiete1.goo.ne.jp/qa1192554.html その時は上手にできました。 ただ、それが同一ページの中に画像違いで、下にあと2つ必要なのです。 原理は同じかと思い、上手にできたものをコピーペーストしてあとの2つを作りました。 しかし、あとで作った2つの画像群の中、サムネイルをクリックすると画像が切り替わって欲しい所ではなく、別のセクションのほうの画像が切り替わってしまいます。 どうすれば思った場所の画像を切り替えられますでしょうか? もしくは、同一ページ内で3枚という複数にターゲット画像を分けることはムリなんでしょうか? 文章が解りづらくて申し訳ございません。
- ベストアンサー
- HTML
- 角丸サムネイルの作り方、プラグイン、表示方法を教えてください。
イラストサイトリニューアルのため、作業をしています。 http://q-orbit.jp/pictures/ http://gurimasu.cside5.jp/blog/gallery.html 上に挙げたようなサイトのようなギャラリーを目標にしているのですが、 このような角丸サムネイルはどのように作られているのでしょうか。 前者は枠の中にあとから、パラパラとイラストが表示されていくので 何か、プラグインかjavaか何かを使っているのではないかと 素人想像しています。 膨大なイラスト(200枚くらいあります)を1枚ずつ 角丸サムネイルを作るのは大変面倒なので、何か プラグインやフィルタ(Photoshopの)があれば教えていただけないでしょうか。 ちなみに、普通のサムネイルは作成可能です。 また、サムネイル作成ソフトも探してみましたが、 角丸サムネイルは見つかりませんでした。 よろしくお願いいたします。
- ベストアンサー
- グラフィックソフト
- サムネイルをクリックすると拡大表示…の作り方
こんばんは。 Flash初心者なのですが、仕事で、Flashを使ったフォトギャラリーを作ることになってしまいました。Flash8を使用しています。 ・サムネイルが画面下部に横に並んでいる(8~10個くらい) ・サムネイルをクリックすると画面上部に大きく表示される(幅300pxくらい) ・次のサムネイルをクリックするまで拡大写真はそのまま これだけの単純なもので、フェードなどの視覚効果もなくていいのですが、サムネイルをボタンにして、どのようなアクションスクリプトを書けばいいのでしょうか? ネットで探してみたのですが、凝った動きのものが多く、どこが必要な部分なのがいまいちわかりません。今までデフォルトのテンプレートを使ったページしか作ったことがないので、悩んでいます。 詳しい方に教えていただければありがたいです。 よろしくお願いします。
- ベストアンサー
- Flash
- サムネイル
ホームページビルダー12を使っているのですが サムネイルを使って新たにウィンドウを開き、より大きな写真をみせたいと考えています しかしサムネイル画像をクリックしてでてくるウィンドウが画像サイズよりも小さなウィンドウでして・・ ホームページに来た人が、その写真をきちんと見るにはもう一度ウィンドウを拡大しなければいけません 「新たに表示されるウィンドウを画像サイズほど大きくできないものでしょうか・・」 いろいろ検索してみたのですがよくわかりませんでした 最悪HPビルダーを使わなくても変更する方法があるならば教えてほしいのですが できたら作業を楽にするためにもHPビルダーで設定変更したいのですが無理でしょうか? ちなみにHPはhttp://kasei.chimanako.net/です ここの左のマンホールギャラリーの大阪府→吹田市と入ってもらって写真をクリックすれば新ウィンドウが開きます・・・ どうかよろしくお願いします!!
- ベストアンサー
- その他([技術者向] コンピューター)
- lightboxで複数サムネイル表示
lightboxのような動作で、ポップアップ画面の下に 複数のサムネイル画像を表示出来るスクリプトを探しています。 http://www.apple.com/jp/imac/design/ 上記のurlのギャラリーがほぼ理想なのですが それぞれの画像にキャプションを入れる必要があります。 lightbox系のスクリプトを探したのですが 探し方が悪いのか見つかりませんでした… そのようなスクリプトをご存じの方はお教えください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 画像をクリックしたら別ウインドウを開くようにするには?
検索したり本を探したりしたのですが、どうしても見つけられなかったので 投稿します。 アルバムのコンテンツを作ろうと考えています。 いきなり大きな画像を沢山張りつけると重くて仕方がなくなるので、 まずサムネイルをテーブルの中にいれて沢山表示させるページを作りました。 自分の理想としてはサムネイルをクリックすると サイズ指定された別ウインドウが開いて該当サムネイルの大きな画像が 表示されるようにしたいんです。 そこで色々調べてみたのですが、ボタンや、テキストをクリックすると 別ウインドウが開くというサンプルはあっても、画像をクリックした 場合の設定方法が見つかりません。 どのように設定したらいいのか、ご存知の方がいらっしゃいましたら、 教えてください。よろしくお願いします。
- 締切済み
- JavaScript
- 画像をサムネイル表示しクリックで拡大
ホームページで、画像をサムネイル表示し、クリックで画像を大きく表示したいです。htmlは多少わかりますが、あと何が必要でしょうか。 参考になる知識やホームページなどありましたら教えてください。 ※以下のページのような画像表示がしたいです。サムネイルをクリックすると、画像が大きく表示され、大きい表示のまま次の画像や前の画像に進んだり戻ったりできるようにしたいです。 http://www.hirokikun.jp/magazine/pg49.html
- ベストアンサー
- HTML
お礼
お礼が遅くなり、申し訳ございません。 無事解決しました。 ありがとうございました。