数枚のバナー(仮に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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- Outlook(アウトルック) PCで登録途中の画面から認証コードを確認する方法を教えてください。 3 2022/09/29 06:11
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- iPhone(アイフォーン) 同じ写真と動画をiOSが検出する便利な機能 写真のアルバムタブにて、画面を一番下までスクロールすると 3 2023/01/23 15:41
- gooブログ アップロードした画像の「画像HTMLタグ」の見方がわからない 1 2023/04/21 16:38
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- Windows 10 画面上の[タスクバー]の位置の変更 1 2022/06/12 21:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
静止写真を『じわっと』でる感じに
-
ブラウザ自体の事じゃなくてJav...
-
VB.NET2003 テキストボックスに...
-
if(1){...}とはどういうことで...
-
JSPの処理の途中で、JavaScript...
-
javascriptで「オブジェクトを...
-
VBScript から JavaScript を呼...
-
VBAによる第3、4水準文字の判定...
-
VBA ステータスバー DoEvents
-
PowerPointで時計表示
-
jQuery ui Datepicker 明日以降...
-
「終了していない文字列型の定...
-
htmlのfileタグに自動で値を入...
-
C#でボタン名を変更しても動く
-
正整数の半角数字かどうか判定する
-
VBA SORT Applyでエラー
-
VC#でテキストボックスに変数の...
-
C# ブラウザの自動クリック
-
Webページ中の javascript をVB...
-
フォーム入力の自動切換え
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
amazonの商品画像拡大のようなj...
-
jwplayer.js controlbar制御
-
「光の三原色」みたいな「三つ...
-
ホームページビルダーを使って...
-
d3.jsを使っての折れ線グラフと...
-
最後から最初に戻って始まるカ...
-
ページ全体の拡大/縮小が行え...
-
リンク先をマウスが移動すると...
-
アンカーにマウスオーバーして...
-
C#で枠無しウィンドウの移動
-
Windows Form のMSChartで、グ...
-
altやtitleタグの表示のような...
-
【JavaScrip】メニューボタンに...
-
画像のポップアップ
-
画像の上にマウスをもってくる...
-
教えてgooのカテゴリー選択のよ...
-
JavaScriptで・・・
-
JavaScriptで、表を絞り込み&ソ...
-
ポップアップでX固定Yマウス座...
-
以下のコードを実行しても、オ...
おすすめ情報