JavaScriptについて

質問

前回も質問させていただきましたが、再度お願いします。
画像のみを見せる「ギャラリー」ではなくて今回はhttp://www.rakuten.ne.jp/gold/salus/のように動く画像にリンクをつけたいのです。前回「Galleria」を教えていただいたのですが、「Galleria」では外部リンクを貼る事はできないですよね？それとも何か方法があれば知りたいのです。どなたかよろしくお願いします。ちなみに、HTMLとCSSはわかりますがJavaは全くわかりません。

回答No.2

fujillin · ベストアンサー

スライドショーのスクリプト（ライブラリ）はたくさん作成されています。
画像（img要素）を対象としているものも確かに多いですが、

例えば、
　<ul>
　　　<li><a href=～～><img src=～～></a></li>
　　　<li><a href=～～><img src=～～></a></li>
　　　<li><a href=～～><img src=～～></a></li>
　　　　　　　・　・　・　・
　</ul>
のようなHTML構造でli要素をスライドするようなタイプのものを探せばそのまま利用できそうですね。
設置対象として可能な要素構造をチェックする必要があるので、少しだけ面倒ではありますが、それなりの割合で発見できると思います。

もしご自分で作成するつもりがおありならば、上記のような構成 （リスト以外でも良いですが）でスライドさせればよいのではないでしょうか。

適当に探してみたそれらしきものの例を…
　http://bxslider.com/
（↑はいろいろ機能のオプションがあるので、スライドしたりフェードしたりできるようです。）

他にもたくさんあると思いますので、気に入ったものを検索してみるのがよろしいかと思います。

お礼

ありがとうございます。さっそく<li>にリンクタグを入れたのですが「Error loding image」になってしまいました。多分、CSSの設定がされているので、そこをいじらないといけないようです。もう少し調べてみます。

回答No.1

pa_cotta

該当のページではjQueryとjQueryUIを使っていますね。目的とするようなライブラリは知らないのですが、とりあえずはJavaScriptを覚えてみてはいかがでしょうか？(JavaScriptとJavaは違う言語です。混在しているようですので念のため)。

もしくはHTML5であれば似たような動きをさせることも可能です。ただしHTML5を覚える必要がありますけどね…。

お礼

JavaScriptを覚えないとやはり無理でしょうか？もう少し簡単にできるものがあればいいのですが・・・
ありがとうございました。