サポート » プラグイン » XO Sliderのサムネイルについて

  • 解決済 sumoko

    (@sumoko)


    wordpress初心者です。
    テーマはlightningです。

    ①XO Sliderのサムネイル機能を使いたいのですが、
    元が700×700pxの画像4枚を
    編集画面のパラメータで300×300にすると、
    下のサムネイル3枚の画像が、1枚目の画像幅より大きくはみ出して表示されてしまいます。

    パラメータの設定を700×700のままにすると
    1枚目の画像幅内に3枚が収まります。

    サムネイル画像はどのようにして縮小したらよいのでしょうか。

    ②Defaultの状態で、
    パソコンの時は表示単位が4.5
    タブレット、スマホでは2.5等、レスポンシブ対応させるには
    どのようにしたらよいのでしょうか。

    よろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    ① の状況を把握することができませんでした。もう少し詳細な状況(スクリーンショットなど)をお伝えいただけると回答が早いと思います。

    ② に関しては、下記ページのコードが参考になると思います。
    https://xakuro.com/wordpress/xo-liteslider/xo-slider-script-parameter/

    画面サイズ 640px 未満の場合2.5、640px 以上の場合4.5にする場合の例:

    function my_xo_slider_script_parameter( $params, $slide, $key ) {
    	if ( 123 == $slide->id ) {
    		$params['breakpoints'] = [
    			// デフォルト
    			'slidesPerView' => 2.5,
    			// 640px 以上
    			'640' => [
    				'slidesPerView' => 4.5,
    			],
    		];
    	}
    	return $params;
    }
    add_filter( 'xo_slider_script_parameter', 'my_xo_slider_script_parameter', 10, 3 );

    ※ 123 はスライド ID。

    トピック投稿者 sumoko

    (@sumoko)

    早速のご回答、本当にありがとうございました。
    ②は仰った通りのやり方で無事にできました。

    サムネイルを小さくしたい


    上記でご確認いただけますでしょうか。
    よろしくお願いいたします。

    すみません、書かれていた通りですね。私の読解力の問題でした。m(__)m

    これはプラグインの問題です。私が作者ですから間違いありません。次回リリースで修正したいと思います。それまでは下記 CSS で対応してもらえればと思います。

    #xo-slider-123 .gallery-main {
    	max-width: 300px;
    	max-height: 100%;
    	width: 100% !important;
    	height: 100% !important;
    }
    
    #xo-slider-123 .gallery-thumbs {
    	max-width: 300px;
    }

    ※ 123 はスライド ID。

    トピック投稿者 sumoko

    (@sumoko)

    CSSで無事に表示できました!
    ありがとうございました。

    もしかして…と思っていましたが、やはり製作者さんですか!
    欲しいと思っていた機能が全て使える理想のプラグインに出会えて、とても助かっています。
    開発して頂き、本当にありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「XO Sliderのサムネイルについて」には新たに返信することはできません。