[COMLS]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】10.2.1
【お使いのブラウザ】chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey のスライダーブロック、スライダーウィジェットは slick という jQuery プラグインを使用しています。

slick – the last carousel you

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

kenwheeler.github.io

slick を使って入るものの slick に詳しいわけではないので最後で止める方法はちょっとわからないのですが、上記ページの slickPause と slickPlay のメソッドを組み合わせることで実現できるかもしれませんね…。

♥ 0

いいねをした人: 居ません

[COMLS]

ありがとうございます。試みたのですが、うまくいきません。

 

♥ 0

いいねをした人: 居ません

[COMLS]

こんな感じでJSファイルに入れてみたのですが、変化なしです。
現在プログラミングを始めたばかりで、見当違いなことをしているのかもしれないです。
お指導いただけると幸いです。

jQuery('.slider').on('afterChange',function(){
	jQuery('.slide__content').slickPauses("on");
});

♥ 0

いいねをした人: 居ません

[COMLS]

たびたび申し訳ありません。こちらをいれても効果なしですが、どこか間違っているところなどありますでしょうか？

jQuery(function($){
	var $slider = $('.slider'),
	contentLength = $slider.children().length - 1;

	$slider.slick({
		slidesToShow: 1,
		autoplay: true,
		pauseOnHover: false,
		autoplaySpeed: 2000,
		arrows: false,
		fade: true
	}).on('afterChange', function() {
		var currentSlide = $slider.slick('slickCurrentSlide');

		if(currentSlide === contentLength){
			$slider.slick('slickPause');
		}
	});
});

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

.slider というクラス名の指定が、まずこの js が発火しない原因だと思います。下記でどうでしょうか？

jQuery(function($){
	var $slider = $('.smb-slider__canvas'),
	contentLength = $slider.children().length - 1;

	$slider.on('afterChange', function() {
		var currentSlide = $slider.slick('slickCurrentSlide');

		if(currentSlide === contentLength){
			$slider.slick('slickPause');
		}
	});
});

♥ 0

いいねをした人: 居ません

[COMLS]

クラス名を変更したらうまくできました。

 

本当有難うございます！！

 

♥ 0

いいねをした人: 居ません

[投稿者]

投稿