- 締切済み
複数の画像切り替えと拡大表示
ウェブサイトを作っています。 ２列のテーブルで、上列に画像（サムネイル）、下列に「拡大」ボタン、「一つ戻る」ボタン、「一つ進む」ボタンがあります。行いたい動作は、 ＊５つの画像（サムネイル）を、「戻る」「進む」ボタンのクリックで順番に切り替えて表示させる ＊「拡大」ボタンを押すと、そのときに表示されている画像（サムネイル）の拡大版が、別ウィンドウで表示される どのように記述すればよろしいでしょうか。よろしければアドバイスをお願いいたします。
- Noritama2000
- お礼率91% (21/23)
- Java
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- junxjun
- ベストアンサー率78% (15/19)
今晩は、回答がなかなか出ないようなので初歩的なアドバイスです。ご希望の条件に近いホームページがありましたら、表示→ソースでテキスト記述を覗いて見ては？
関連するQ&A
- サムネイル画像の拡大
サムネイル画像がオンマウス時に拡大するようにしたいと思い、色々調べました。 画像をtableタグ（表！？）の中に表示させようとすると、デザインが崩れるものばかりでした。 ようやく下記のサイトに辿り着き、デザインも崩さずに画像を拡大させることが出来たのですが・・・・・・ 複数の画像を同じように拡大できるようにしようとした所、拡大した画像が他の画像（拡大するように設定しているサムネイル画像）の下に表示されてしまいます。 これをサムネイル画像の下にならないようにするにはどうしたら良いのでしょうか？？？ また、この方法以外でも、比較的簡単でデザインを崩さない拡大のやり方があれば教えて下さい。 お願いします。 私が試したサイオトは下記のものです↓ http://tonecontrol.mods.jp/memo/css_thumbnail.html
- ベストアンサー
- HTML
- 複雑（？）な画像の切り替え
画像をクリック（通過でも可）すると違う場所の画像が切り替わるようにしたいのですが、どうすればよいのやらチンプンカンプンです。 やりたいことは table1（行1、列5）、table2（行1、列2）を作成 1.table1の各セル内に小さな画像を入れています。（サムネイルみたいな感じ） 2.table2の右側のセルに初期画像が、左側には初期テキストが入っています。 3.table1の画像をクリック（通過）するとtable2の右側には拡大画像が、左側には説明文が出る。table1の画像にそれぞれ拡大画像と説明文を設定したい。table1の画像は変更する必要はない。 簡単な画像切替（同じ場所の画像が切り替わるの）は何とか理解できるのですが、ちょっと複雑になるとさっぱりです。もしよろしければアドバイスお願いします。
- ベストアンサー
- CSS
- 画像の切り替えについて
画像の切り替え操作に悩んでいます。 複数のサムネイルから、同じページの固定場所に画像を拡大表示することは出来たのですが、 さらにサムネイルをクリックして変わった画像の位置から、 １．次へ、前へのリンクでも画像が切り替わる、 ２．大きい画像のクリックでも画像が順に変わる。 ようにしたいと思っています。 今の時点では、現在大きく表示された画像がどのサムネイルの画像なのか、が認識されないため、順に表示することが出来ません。 よろしくお願いします。
- 締切済み
- JavaScript
- Flashで表示されたサムネイルをJavaScriptで拡大表示したい
HTMLはある程度わかるようになってきただけのJavaScript初心者なのですが、HP制作の途中、Flashを使っていて分からないことが出てきました。 教えていただけるとうれしいです。 Flashのメニューを使っていて、そのメニューはリンク先がカスタマイズ可能です。 リンク先の指定は、テキストファイルの中に記述されている、 「 &url5=http://www.xxxxx.xxx.xx/& 」という場所で指定することになっています。 フォトギャラリーの写真のサムネイルをメニュー項目にして、Flashメニューでサムネイル選択したいと思っているのですが、そのサムネイルをクリックしたときに、同じページの別のテーブルに、そのサムネイルの大きな画像を表示させるということをしたいのですが、できるのでしょうか。 もしできるのなら、教えてほしいです。 Flashメニューでないサムネイルをクリックして拡大画像を表示ということはJavaScriptでできるのですが、Flashメニューで、となると不可能なのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- リンク画像を別ウインドウで開きたい
gooブログ無料版の”カスタム用テンプレート”を使用しています。 サムネイルをクリックした時に、別ウインドウで拡大画像を表示したいのですが、CSSで記述する事は可能でしょうか。
- ベストアンサー
- ブログ
- サムネイル画像をクリックすると拡大画像を表示させる方法
今はまずサーバに同一画像の小さい写真（サムネイル用）と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を２枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか？
- ベストアンサー
- HTML
- Internet Explorer 5でサムネイル画像が拡大表示できません
いろんなホームページのサムネイル画像は、たいていクリックすると拡大 表示されますよね。 私のＭＡＣもいままではそうでした。 ところが最近クリックすると、いきなりダウンロードマネージャーが開いて 画像をダウンロードしてしまいます。 私としては、どんな画像か確認してからダウンロードしたいので、とても ストレスに感じてます。 どなたか詳しい方、一刻も早く私の力になってください。 お願いします。
- ベストアンサー
- Mac
- 画像をクリックして同じページに拡大画像を出す
小さい画像をクリックすると同じページに拡大画像が表示されるようにしたいのです。小さい画像が７つ程横に並んでいて、クリックするとその下に拡大画像が表示されるページです。フレームは使わないで出来ますか？フレームを使うとテーブルの背景が切れてしまうので使わないで作りたいのですがわかりません。教えてもらえたら嬉しいです。
- ベストアンサー
- HTML
- サムネイルからの画像の拡大表示の際について
画像がたくさんあるサイトがあるのですが、サムネイルから画像を選んでクリックすると拡大表示されるのですが、その際にIEの一番下のバーにダウンロード中と出るのですがダウンロードは、ページを開くより不正なプログラムがダウンロードされているようで怖いのですが不正行為をされる心配ないのでしょうか？
- ベストアンサー
- ウィルス・マルウェア
- マウスを乗せると、画像ファイルを拡大して表示してくれるJavaScriptを探しています
マウスを乗せると、画像ファイルを拡大して表示してくれるJavaScriptってないですかね？ ■はじめは、サムネイルのような小さい画像を表示。 ■マウスを乗せると少し大きくなる。 ■もっと、大きい画像が見たい場合はクリックして見ることができる。 こんな使用を考えているのですが、私の力では、一から書くことなど到底できそうにありません。 どなたか、こういったことを作ったページや参考になるページなどありましたら教えてください。 宜しくお願い致します。
- ベストアンサー
- JavaScript
お礼
お礼がおそくなりすみません。イメージに近いページではJavaを使わずにページごと切り替えてましたので、こちらもそのようにしました。無理はよくないですね。お答えいただきありがとうございました。