数枚のバナー(仮に6枚)が一定時間でスクロールして入れ変わるライブラリを作りたいと思っています。
またメインバナーの横には小さいサムネールもあり、ロールオーバーでメインの画像がそれになるようにしたいです。
説明では難しいのでこちらを見て下さい。
http://www.selecsonic.com/selecsonic/top/index.jsp
まさにこんな感じのものが作りたいです(全く一緒にしたい。画像は4枚verにして)
html、cssの知識はありますがこういったものが全く疎いのでご教授下さい。
jqueryですよね?
ポイントは
1、自動再生、一定時間でスクロール
2、サムネールをロールオーバーでメインがそのバナーまでスクロール
3、バナーをクリックでリンク先へ移動(メイン、サムネール共に)
4、ページを読む込むたびに開始位置ランダム(これはできたらでいいです)
以上です。
お願いします。
No.3ベストアンサー
- 回答日時:
最初のご質問が 『ライブラリを作る』 だったので誤解をしてしまったようです。
どうやら、単に利用したいというだけのことのようですね。
(なので、スクリプトを覚える必要はありません)
1)まずは、利用したいものを検索などで探してみてください。
(bxSliderで良いのであれば、もちろん探す必要はありません)
2)配布元サイトに設置の説明がありますので、それを元に設置してください。
大抵HTMLソースとCSSの解説、オフションの設定方法、デモサンプルなど
がそろっていて、いろいろと説明されています。
(#1の例示もbxSliderのサイトのデモサンプルの一部です)
3)多くのものが英語サイトなので、わかりにくければ日本語の設置解説サイト
をぐぐって探すのも手です。ただし、簡単な解説だけのものが多いです。
(bxSliderを例にすれば以下:他にもたくさんあります)
http://www.skuare.net/test/jbxSlider.html
http://phpjavascriptroom.com/exp3.php?f=include/ …
4)本家のサイトでも、全部のオプションについてデモサンプルを用意している
わけではありませんので、(bxSliderのサイトの場合20サンプルありますが)
自分の行ないたい設定に合せて何がしかの調整が必要になるでしょう。
『んな、めんどーなことはやってらんねー』というのであれば、ご提示の参考サイトのソースを真似て設置すればよろしいかと。(こちらの方法であっても、uriやなんやかんやは調整が必要ですが…)
いずれにしろ、ご自身のサイトのマークアップに合せた調整が必要なので、どのようなマークアップになっているかわからない者には超能力がないと調整はできないことでしょう。
No.2
- 回答日時:
#1です。
>質問内容はどうやって作ればいいのでしょうか?でした。
>こうしたら出来るというソースを頂けると助かります。
えっと…。
作ろうとしているのか、利用しているのか不明です。
(#1の回答は「作る」ということに対する回答です。)
全くわからないところから、作ろうというのであれば、まずはjavascriptのお勉強から始めるのが手順でしょう。
いきなり作り始めても良いですが、ライブラリを作るのはハードルが高すぎではないかと思います。
もし、利用したいだけであれば、bxSliderをご利用なさればよろしいかと思います。
度々有り難う御座います!!
ちょっと時間がないものでゆっくり勉強ができません。。
何か簡単にソースがあるのであれば利用したいと思っています。
厚かましくなりまして申し訳御座いません。
No.1
- 回答日時:
>ライブラリを作りたいと思っています。
>以上です。
・・・で、質問はなんなんでしょうか?(作るぞと言う宣言をしたのかな?)
ご提示のサイトはbxSliderというjQueryプラグインを利用しているみたいなので、似たようなライブラリを作成したいのであれば、そのあたりがご参考になるかと思います。
1)オートチェンジと、クリック-スライドのマルチプルのサンプル
http://bxslider.com/multiple-shows.php
2)サムネイルとスライドのサンプル
http://bxslider.com/thumbnails1.php
こちらも様々なオプションを用意しているみたいですが、作成なさるライブラリにどのくらいのバリエーションを持たせるかという構想によって、作成する手間が変わってくると思います。
ありがとうございます。
質問内容はどうやって作ればいいのでしょうか?でした。
サンプルを見て自作になるのですか?
調べても全くわからないものでして、、
こうしたら出来るというソースを頂けると助かります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アンカーにマウスオーバーして...
-
マウスの停止確認
-
禁止文字チェック
-
初心者です。gulpでコンパイル...
-
「終了していない文字列型の定...
-
エクセルVBA/ Formatで文字列が...
-
【JavaScript】ソースのコメン...
-
HTAで,親ウインドウを閉じ...
-
Excel VBA カタカナ セル判定...
-
テキストボックスに記入したも...
-
JSPの処理の途中で、JavaScript...
-
エディタ機能のTEXTAREAを作りたい
-
VBScript から JavaScript を呼...
-
テキストファイルの更新日時を取得
-
evtとは
-
jQueryやMootoolsなどのライブ...
-
javascript,CSSでWebpageを作成...
-
JavaScriptで、実行するたび値...
-
Java ScriptのHPがみたい
-
JSでファイル数取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクスプローラー風のメニュー
-
リンク先をマウスが移動すると...
-
Windows Form のMSChartで、グ...
-
TinyTableというスクリプトのソ...
-
JavaScriptでwebAPIを呼び出す方法
-
C#で枠無しウィンドウの移動
-
検索結果の並び替え
-
jQueryのドラッグ&ドロップとD...
-
画像のポップアップ
-
サイト上にある辞書のようなも...
-
レスポンシブメニューIE7以降対...
-
JSON形式でのページング処理に...
-
ホームページビルダーを使って...
-
外部ドメインのサイト存在チェック
-
以下のJavaをonclickで使用したい
-
プルダウンメニューの作成方法
-
階層化されたメニューの作り方
-
web制作・小窓リンクの技
-
プルダウンメニューに関してご...
-
ポップアップでX固定Yマウス座...
おすすめ情報