https://sailormoon-official.com/js/jquery.nivo.slider.conf_store.js

1    $(window).load(function() {
2        $('#slider').nivoSlider({
3        effect:'boxRainReverse', // 画像切り替え時のアニメーション
4        slices:15, // For slice animations
5        boxCols: 8, // For box animations
6        boxRows: 4, // For box animations
7        animSpeed:1000, // アニメーション速度(ms)
8        pauseTime:6000, // 画像切り替えまでの時間(ms)
9        startSlide:0, // 初めに表示する画像位置
10        directionNav:false, // 前/次ボタンを表示
11        directionNavHide:false, // マウスホバー時のみdirectionNavを表示
12        controlNav:false, // コントロールナビの表示
13        controlNavThumbs:false, // コントロールナビに画像サムネイルを使用
14        controlNavThumbsFromRel:false, // Use image rel for thumbs
15        controlNavThumbsSearch: '.jpg', // Replace this with...
16        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
17        keyboardNav:true, // スライドをキーボードで操作
18        pauseOnHover:false, // マウスホバー時に切り替えを一時停止
19        manualAdvance:false, // 自動スライドしない
20        captionOpacity:0.8, // キャプションの透過度
21        prevText: 'Prev', // 前ボタンの名前
22        nextText: 'Next', // 次ボタンの名前
23        beforeChange: function(){}, // スライド切り替え前のコールバック関数
24        afterChange: function(){}, // スライド切り替え後のコールバック関数
25        slideshowEnd: function(){}, // 全ての画像を表示した後のコールバック関数
26        lastSlide: function(){}, // 最後の画像が表示される後のコールバック関数
27        afterLoad: function(){} // スライドのロードが完了したときのコールバック関数
28      });
29	  
30	  
31	   $('#slider2').nivoSlider({
32         effect:'fold', // 画像切り替え時のアニメーション
33        slices:15, // For slice animations
34        boxCols: 8, // For box animations
35        boxRows: 4, // For box animations
36        animSpeed:1000, // アニメーション速度(ms)
37        pauseTime:6000, // 画像切り替えまでの時間(ms)
38        startSlide:0, // 初めに表示する画像位置
39        directionNav:false, // 前/次ボタンを表示
40        directionNavHide:false, // マウスホバー時のみdirectionNavを表示
41        controlNav:false, // コントロールナビの表示
42        controlNavThumbs:false, // コントロールナビに画像サムネイルを使用
43        controlNavThumbsFromRel:false, // Use image rel for thumbs
44        controlNavThumbsSearch: '.jpg', // Replace this with...
45        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
46        keyboardNav:true, // スライドをキーボードで操作
47        pauseOnHover:false, // マウスホバー時に切り替えを一時停止
48        manualAdvance:false, // 自動スライドしない
49        captionOpacity:0.8, // キャプションの透過度
50        prevText: 'Prev', // 前ボタンの名前
51        nextText: 'Next', // 次ボタンの名前
52        beforeChange: function(){}, // スライド切り替え前のコールバック関数
53        afterChange: function(){}, // スライド切り替え後のコールバック関数
54        slideshowEnd: function(){}, // 全ての画像を表示した後のコールバック関数
55        lastSlide: function(){}, // 最後の画像が表示される後のコールバック関数
56        afterLoad: function(){} // スライドのロードが完了したときのコールバック関数
57      });
58    });
59	
60	
61	
62	
63	var timerSlider = false;

64	
65	
66	
67$(window).resize(function() {
68	
69		
70	if (timerSlider !== false) {
71        clearTimeout(timerSlider);
72    }
73    timerSlider = setTimeout(function() {
74 
75		$('#slider').nivoSlider({
76        effect:'boxRainReverse', // 画像切り替え時のアニメーション
77        slices:15, // For slice animations
78        boxCols: 8, // For box animations
79        boxRows: 4, // For box animations
80        animSpeed:1000, // アニメーション速度(ms)
81        pauseTime:6000, // 画像切り替えまでの時間(ms)
82        startSlide:0, // 初めに表示する画像位置
83        directionNav:false, // 前/次ボタンを表示
84        directionNavHide:false, // マウスホバー時のみdirectionNavを表示
85        controlNav:false, // コントロールナビの表示
86        controlNavThumbs:false, // コントロールナビに画像サムネイルを使用
87        controlNavThumbsFromRel:false, // Use image rel for thumbs
88        controlNavThumbsSearch: '.jpg', // Replace this with...
89        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
90        keyboardNav:true, // スライドをキーボードで操作
91        pauseOnHover:false, // マウスホバー時に切り替えを一時停止
92        manualAdvance:false, // 自動スライドしない
93        captionOpacity:0.8, // キャプションの透過度
94        prevText: 'Prev', // 前ボタンの名前
95        nextText: 'Next', // 次ボタンの名前
96        beforeChange: function(){}, // スライド切り替え前のコールバック関数
97        afterChange: function(){}, // スライド切り替え後のコールバック関数
98        slideshowEnd: function(){}, // 全ての画像を表示した後のコールバック関数
99        lastSlide: function(){}, // 最後の画像が表示される後のコールバック関数
100        afterLoad: function(){} // スライドのロードが完了したときのコールバック関数
101      });
102        // 何らかの処理
103    }, 500);
104	
105	
106	
107});