• 締切済み

JavaScript　リンク付き画像ギャラリー

初めまして。 francfrancのNEW ITEMSのところにあるJavaScriptについて http://shop.bals.co.jp/shop/c/c10/ こういうギャラリー（商品画像を並べてリンクで飛べる）をサイトに つくりたいのですがどうか教えていただけたらと思います。 サンプルなどあれば教えてください。よろしくお願いします。

  • mp56
  • お礼率100% (1/1)

みんなの回答

noname#84373
noname#84373
回答No.1

この質問の次の http://oshiete1.goo.ne.jp/qa4402898.html の提示したサンプルを見てください！ 「あいうえお」とか表示されている部分に 画像とかリンク先を書けば、希望に似たようなことが 実現できるような気がします

mp56
質問者

お礼

返信おそくなりました。 ありがとうございます。参考にさせてもらってます。 あと、いろいろこちらでも調べましたところ 希望にほど近いものを見つけました。 よかったら見てください。 http://www.flowplayer.org/tools/scrollable.html まだまだjavascriptは初心者なので わからないことだらけですが、いろいろ試してみたいとおもいます。 ありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • JavaScriptを使った画像ギャラリー

    http://www.efectorelativo.net/laboratory/noobSlide/ のサンプル７のようなギャラリーを使いたいのですが、 自分なりにソースを見ていじってみても全くうまいこといきません。 サンプル７に似たギャラリーでもいいので日本語の解説付きのサイト等をご存知であれば教えていただきたいと思います。 よろしくお願いいたします。

  • Javascriptを使用したサムネイルスライドショーの画像リンク

    Javascriptを使用したサムネイルスライドショーの画像リンク 上記の件ですが、http://myisland.jp/template/gallery/gallery04.html こちらで配布されているJavascriptを使用した際に、表示される画像にそれぞれリンクを付けることは可能なのでしょうか？ どこを調整したらいいのか検討がつかず困っております。どなたか分かる方がいらっしゃれば教えて頂けませんでしょうか？

  • JavaScriptのフォトギャラリー

    JavaScriptのフォトギャラリー いつもお世話になっております。 下記のサイトで写真を見せるのに使用されているギャラリーを探しています。 http://www.metamo.info/history/ 宜しくお願いいたします。

  • JavaScriptでリンクの背景にある画像をOnMouseOver時

    JavaScriptでリンクの背景にある画像をOnMouseOver時に変更する方法がわからなくて困っています。 webページを作っているのですが、OKWaveのサイトの上のタブのように画像を背景とするリンク上にマーカーが来たときにその画像の下部50％を表示するようにしたいのですがうまくいきません。 マーカーがリンク上に無い時には画像の上部50％を表示するようなものにしたいと思っています。 スタイルシートでリンクに指定したidなどで処理したいと思っています。 説明が下手かと思いますが、サンプルコード等を教えてください。

  • JavaScript表示させる画像へリンクの貼り方

    初めて質問させていただきます。 JavaScript で、表示させた画像へのリンクの張り方を 教えていただきたいのです。 JavaScript のデータは、外部リンクになっています。 いろいろと見て回ったのですが、JavaScript に関しての知識不足で、 おそらく、調べきれていないのでは・・・とも思うのですが、 急ぎでどうしても必要ですので、教えていただきたいです。 よろしくお願いいたします。 // JavaScript Document //----開始日 YYYY/M/D 形式 半角数字で開始日指定 myStartDate="2012/9/14 16:29:00"; //　終了日 YYYY/M/D 形式 半角数字で終了日指定 myEndDate="2012/9/14 17:50:00"; //表示するHTML myHTML=("<img src='●●.jpg'>");　　←この画像にURLを付けたいです。 /******************************************************************/ myDate=new Date(); //現在の日付取得 mySD=new Date(myStartDate); myED=new Date(myEndDate); if(myDate.getTime()-mySD.getTime()> 0 && myED.getTime()-myDate.getTime()> 0){ document.write(myHTML); } ーーーーーーーーーーーーーーー <body> <div id="●●"> <script type="text/javascript" src="js/pr.js"></script> </div> </body>

  • javascriptによる画像切り替えについてわからなくて困っています

    javascriptによる画像切り替えについてわからなくて困っています。 初心者ですので説明もわかりにくいかもしれませんが、ぜひご指導をお願いします。 添付画像のように、サイドバーにボタン数個、大きな画像（#main_img)とあって、ボタンにオンマウスで#main_imgが切り替わり、ボタンをクリックするとリンク先に移動できるようにしたいのです。 「javascript ロールオーバー　切り替え　クリック　リンク」といったキーワードで検索したのですが、ロールオーバー切り替えはできるけれどリンク先に移動できなかったり、ボタン画像画像そのものが切り替わるものだったり、なかなか思ったとおりのサンプルを見つけることができません。 カスタマイズするだけの知識もないので、大変困っています。 このようなサンプルスクリプトを紹介しているところがあったら教えていただけないでしょうか？

  • javascriptに関して

    オンマウスで画像が大きくなり、そのうえリンクが張れるサンプルのソースを教えてください。 フラッシュなどは使用できずjavascriptで制作しなければなりません。 参考サイトなどもございましたらあわせてご教授下さい。

  • Javascript使用のスライドショーのリンク

    Javascriptを使用したスライドショー（http://myisland.jp/template/gallery/gallery04.html ）の画像にリンクを付けることはこちら→（http://okwave.jp/qa/q6066267.html）の質問を元にできましたが、別ウィンドウで表示する方法が分かりません。どなたかお分かりでしょうか？Dreamweaver8で製作しております。

  • javascriptの円形画像ギャラリーのサンプル

    こんにちは、現在ホームページを作ろうと思っていて １点javascriptによる実装を考えております。 http://www.flashmo.com/preview/flashmo_098_3d_curve_wall がイメージに近いのですが、これだとflashなので、 これに似たjavascriptを探しております。 （・ドラッグとかでスピードが変わらなくてもよく、 　　単にゆっくり回転している物を探しております。 　・単に画像ギャラリーのsliderを少し円形(3D）にしたものを 　　探しております。） なにか情報がございましたら どんな情報でも良いので、ご相談させてくださいませ。 失礼致します。

  • シンプルな画像ギャラリー

    シンプルな画像ギャラリー シンプルな画像ギャラリーを探しています。ひとまず定番？のjqueryで探してみましたが見つからなかったので質問させてください。 多かったのが縮小画像をクリックすると拡大画像が表示されるものがほとんどでした。 実行したい事はテキストリンクをクリックすると拡大画像を表示する形式です。 具体的に表すと下記のような感じです。 <div id="main_image">※最初は01の画像を表示させたい</div> <ul id="galleryNavi"> <li><a href="img/01.jpg" class="current">01の画像</a></li> <li><a href="img/02.jpg">02の画像</a></li> <li><a href="img/03.jpg">03の画像</a></li> </ul> この状態で02の画像をクリックするとmain_imageの箇所に02の画像がフェードインしながら表示されa属性の01のclass="current"を消し02にclass="current"を付与させたいと思っております。 いくつかサンプルを見てみましたが画像をクリックするたびにURLの末尾にファイル名がつくものがありましたがURLは変えたくないです。 このような事を実現する場合どのように書けばいいのでしょうか？参考になるライブラリのサンプルでも構いませんので方法を教えてください！

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する