JQUERYについて


http://www.au.kddi.com/
上記サイトのトップページにフラッシュがありますが、
このようなものを実現できるような画像スライドのJQUERYはありますでしょうか?

条件としては、
・自動でサムネイルを生成するのではなく、自分でメインとサムネイルの画像を作成できる。
・サムネイルにクリックではなく、マウスオーバーでメイン画像が切り替わる。
・上記サイトは自動でスライドしませんが、これが自動スライドするかどうかを選択できる。
・(これは出来ればですが)3枚の画像を切り替えるとして、エンドレスループか最後の画像でストップさせるかを設定することができる。

どうぞよろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/02/13 02:51:24
  • 終了:2011/02/16 13:51:51

ベストアンサー

id:kent0608 No.1

kent0608回答回数220ベストアンサー獲得回数232011/02/16 05:42:01

ポイント300pt

http://kent-0608.appspot.com/

auのflashを参考にして似たようなものを作ってみました。

デバッグを殆どしていないので、レガシーなブラウザでは動作しないかもしれません。

Google ChromeかFirefoxでご確認ください。

id:dekapurio

なんて素晴らしいのでしょう・・・理想どおりです。

じっくり試させていただきます!

2011/02/16 13:51:06
  • id:Lhankor_Mhy
    多少コードをいじる必要があると思いますが、このやり方は簡単だと思いました。
    Create Featured Content Slider Using jQuery UI
    http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

    ↓デモ
    Featured Content Slider Using jQuery - Web Developer Plus Demos
    http://demo.webdeveloperplus.com/featured-content-slider/
  • id:dekapurio
    コメント有難うございます。
    なるほど。
    なかなか近いものがありますね!
  • id:dekapurio
    kent0608さま

    こちらメイン画像にリンクを貼る場合はどうやって設定したらいいでしょうか?
  • id:kent0608
    リンク設定できる仕様にするのを忘れていました。
    時間ができたら改修してみます。
  • id:kent0608
    http://kent-0608.appspot.com/
    クロスフェードトランジション後に不可視の要素をそのままにしておいたのが原因でした。
    若干ごちゃごちゃしてしまいましたが、javascriptソースを修正して対応しました。
    リンク設定は通常のhtml + css で対応可能です。
  • id:dekapurio
    どうもありがとうございます!
    こちらでもうまく動きました。
    素晴らしすぎます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません