jQueryスライドプラグイン
FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか?
http://www.starcat.co.jp/
以下が実現したいです。
・メイン画像がフェードまたは、スライドで切り替わる
・メイン画像クリックで別のページへリンク
・サムネイルクリックでメイン画像が切り替わる
・ランダムで表示できる
・自動で遷移する。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
一つずつお答えします。
[]でくくってあるものはjQueryのメソッドやイベントです。
・メイン画像がフェードまたは、スライドで切り替わる
→フェードは[fadeIn][fadeOut]スライドならば[slideUp][slideDown][slideToggle]または、[animate]を使う。
※「http://www.starcat.co.jp/」このサイトのようなことがやりたいのであれば、
[animate]です。
・メイン画像クリックで別のページへリンク
→普通にHTMLで<a href="リンク先のURL"><img src="表示させたい画像のURL"></a>ではだめなのでしょうか?
jQueryでやりたいのならば[click]イベントを受け取って
「location.href="別ページURL"」
を使う。
・サムネイルクリックでメイン画像が切り替わる
→上と同じ感じで、[click]イベントで行う処理の中でメイン画像のimgタグのsrcの値を[attr]で書き換える。メイン画像を背景として扱うなら[css]で書き換える。
・ランダムで表示できる
→表示するものを配列に入れておいて乱数を使ってランダムに取り出す。
・自動で遷移する。
→何が自動遷移するのでしょうか?
ちなみに、どれもプラグインは使わずにできます。
No.1
- 回答日時:
回答がないみたいなので…
jqueryはよく知りませんが、javascriptで可能と思われます。
ご希望の項目のうちの『・自動で遷移する。』は意味がわからないので、それ以外のものについて簡単な例で実験してみたところ可能でした。
ただし、ご質問はjqueryのプラグインということですので、丁度そのような機能のプラグインがあるのかないのかまでは存じません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- PowerPoint(パワーポイント) パワーポイントのアニメーションについて 4 2023/06/14 16:25
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PowerPoint(パワーポイント) PowerPoint で動画を再生中に表示非表示 1 2022/12/09 19:19
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Ajax LightBoxを使用したサムネ...
-
画像削除機能を付けたい
-
ランダムに2つの画像を重複する...
-
Javascriptで指定した日付と時...
-
画像の重なりの順序を代える方...
-
決まった曜日で一定時間だけ表...
-
JavaScriptを使って日を追うご...
-
画像の上に画像リンクを貼る方法
-
マウス追従スクリプトについて
-
リロード毎に表示画像を変える
-
画面の表示位置を指定させて表...
-
javascript画像の切り替えについて
-
残像を残しながらjpg画像を自動...
-
JSPでの画像ファイル表示
-
スマートな外部javaでロールオ...
-
タブで開いてさらにタブ内をア...
-
画像マウスオーバーで、checkb...
-
レイアウトが崩れないようにす...
-
日替わりで画像を変更したい
-
Firefoxとクロームでフェードイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
prettyphotoの画像表示について
-
画像の上に画像リンクを貼る方法
-
【java】背景画像を一定時間で...
おすすめ情報