スライダーをラストパネルでキープしたい

0
いいねをした人: 居ません
  • このトピックには6件の返信、2人の参加者があり、最後にCOMLSにより4年、 5ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #50045
    COMLS
    閲覧者
    7

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

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

    ===

    0
    いいねをした人: 居ません
    #50051
    アバター画像キタジマ タカシ
    参加者
    2362

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

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

    0
    いいねをした人: 居ません
    #50232
    COMLS
    閲覧者
    7

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

     

    0
    いいねをした人: 居ません
    #50237
    COMLS
    閲覧者
    7

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

    jQuery('.slider').on('afterChange',function(){
    	jQuery('.slide__content').slickPauses("on");
    });
    0
    いいねをした人: 居ません
    #50245
    COMLS
    閲覧者
    7

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

    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
    いいねをした人: 居ません
    #50262
    アバター画像キタジマ タカシ
    参加者
    2362

    .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
    いいねをした人: 居ません
    #50317
    COMLS
    閲覧者
    7

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

     

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

     

    0
    いいねをした人: 居ません
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「スライダーをラストパネルでキープしたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。