サポート » テーマ » スライダーの自動再生

  • 解決済 nahcok

    (@nahcok)


    twenty fourteenのトップに表示できるスライダーを自動再生するようにカスタマイズすることは可能でしょうか?

    js/slider.jsを試行錯誤していじってみたのですが … さっぱり上手くいきません。

    どなたかお知恵を拝借できませんでしょうか?

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 表示させる投稿、画像サイズ等 設定は見直しましたか。
    わたしも最初は、おかしいなぁとしばらく思いましたが、何度か投稿、更新しているうちに問題なく成りました

    また、キャッシュ系プラグインは使わないのが良いです。

    トピック投稿者 nahcok

    (@nahcok)

    早速のご回答ありがとうございます。

    スライダーはヘッダの下に表示されています。

    右下の矢印のナビゲーションで、前後の画像にスライドすることは出来ます。

    拝見させていただいたサイトのようにオートで画像をスライドさせるにはどこで設定するのでしょうか?

    アイキャッチ画像のサイズは width: 1600 height: 500 推奨です。

    トピック投稿者 nahcok

    (@nahcok)

    ありがとうございます。

    ご指示いただいたサイズに画像を編集しました。

    すべて問題なく表示はされています。

    ただ、やはり画像が自動的にスライドさせることができません。

    どこか他に設定するところがあるのでしょうか?

    こんにちは、

    Tweityfourteenは、たぶんアクセシビリティ対応のために、自動的に
    オートロードしないように作られているんだと思います。

    無理やりなら、以下の方法で出来るんじゃないかと思います

    functions.phpの先頭(<?phpの前に)以下を貼り付けてみてください。

    必ず、FTPで、(ファイルの編集から追加すると、失敗した時に管理画面に入れなくなります )

    <?php
    add_filter( 'script_loader_tag', 'my_script_loader_tag', 10, 3 );
    
    function my_script_loader_tag( $tag, $handle, $src ) {
    
    	$script = "jQuery(function(){
    					var slidingPeriod = 10000;
    					setInterval(function(){
    					jQuery('#featured-content .slider-next').trigger( 'click', true );
    				},slidingPeriod );});";
    
    	if ( $handle == 'jquery-migrate' ) {
    		return $tag . '<script>'.$script.'</script>' . "\n";
    	}
    	return $tag;
    }
    ?>

    トピック投稿者 nahcok

    (@nahcok)

    ありがとうございました。

    思い通りに上手く動作しました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「スライダーの自動再生」には新たに返信することはできません。