![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
jquery(js)にて実装したいスライドショー機能があります。
参考サイト
http://j-sen.jp/kanto/city_411_1.htm
サムネイル画像下の
"他の写真を見る"の左右の矢印をクリックでサムネイルが
切り替わる機能です。
写真のURLはシステムにより吐き出すため,
枚数は決め打ちではないので、配列に画像URLを入れていくとは思うのですが、
うまくソースがかけません。
地頭のある方、何卒力添え宜しくお願いいたします。
No.2ベストアンサー
- 回答日時:
サムネイルがあるのでしょうから、簡単そうな方法のひとつとして、拡大表示中のサムネイルにactiveなどの(なんでもよいですが)クラスを設定しておいて、矢印がクリックされたら、その次/前の画像を拡大表示してあげるというのが考えられます。
クラス設定をしなくても、拡大表示中の画像の順番(インデックス)を変数に記憶しておくような方法でも同様に処理ができるでしょう。
他にも、いろいろ方法はあるとおもいますが、ご参考まで。
No.1
- 回答日時:
うまくかけないソースはどこまでかけたの?
0から作ってって事?
力添えはするけど、0からは作れないよ。
この回答への補足
ありがとうございます。ソース記載します。
jqueryでいわゆる小さいサムネ画像をクリックしたらそのaのhrefを取得して
メイン画像部分に表示、見た目はフェードインフアウトさせる、
まではつくりました。
これを基に、参考サイトのように
「左右の矢印をクリック時に、配列から順にとりだしたurlにsrcを変更し、
かつ最初(or最後)の値の時ループさせる」
の機能を追加するところで、躓いています。
//メイン画像をサムネクリックで変化
$('.thumb-image a').click(function() {
var thishref = this.href;
$("img#main-position").fadeOut('fast',function() {
$(this).attr("src",thishref).fadeIn('fast');
});
//a の無効化
return false ;
});
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) excelvbaでスライドショーを作りたい 2 2023/04/20 14:32
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(Microsoft Office) 複数の写真を1枚に印刷 5 2023/05/05 22:41
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
OpenFileDialogの自作
-
C# データグリッドにボタンを表示
-
DrawImageでビットマップを拡大...
-
随時(定期的に)HPを更新の「方法
-
プログラミング言語 HSP
-
電話番号のフォーマットについて
-
Dosブロンプトでtabを出力したい
-
バッチファイルでpingの結果を...
-
wordの差し込み印刷で文字...
-
「取得先」という表現について
-
開始と終了を指定して、その間...
-
DTOとEntityの差は何ですか。
-
【C#】DataGridViewの最大列数...
-
証明書が期限切れか有効ではな...
-
excel access連携 このテーブル...
-
【VBA】EXCELブックを開かずに...
-
shシェルスクリプト 空白行の...
-
ブラウザバックしてもチェック...
-
変数の中の<br>を消したい
-
phpでcookieがうまく保存されない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
DrawImageでビットマップを拡大...
-
PHP リロードせずに、リアルタ...
-
VB.NETで画像の拡大・縮小
-
OpenFileDialogの自作
-
一時停止と再開
-
HTML上の画像にマウスオーバー...
-
gooのフィードを作成したのです...
-
C#【フォルダの参照】ダイアログ
-
過去の書込みで・・・どのよう...
-
Dosブロンプトでtabを出力したい
-
DTOとEntityの差は何ですか。
-
「取得先」という表現について
-
switch()文で値の大小比較
-
wordの差し込み印刷で文字...
-
バッチファイルでpingの結果を...
-
shシェルスクリプト 空白行の...
-
Yahoo! JAPAN IDを新規取得でき...
-
【C#】DataGridViewの最大列数...
-
phpでcookieがうまく保存されない
-
URLのパラメータをGETのままで...
おすすめ情報