如何根据屏幕大小修改PHP文件中的JS脚本参数 - wordpress

Question

我有一个自动滚动动画，可以在我的主页上显示精选列表。它在动画期间显示5张幻灯片。通常对于具有全屏的桌面浏览器，它应该没问题，但是当屏幕尺寸小于950px宽度时，幻灯片开始重叠。动画脚本在名为＆＃39; featured.php＆＃39;的php文件中运行，它是wordpress网站。

我希望能够根据屏幕宽度大小更改参数，例如，目前默认情况下，由于参数“可见：5＆＃39;在脚本中。如果小屏幕我想改为＆＃39;可见：3＆＃39;显示3个广告。我很乐意为你提供帮助。

featured.php

global $cp_options;
?>

<?php if ( $cp_options->enable_featured ) : ?>

    <script>
        /* featured listings slider */
        jQuery(document).ready(function($) {
            $('div.slider').jCarouselLite({
                btnNext: '.next',
                btnPrev: '.prev',
                autoWidth: true,
                responsive: true,
                pause: true,
                auto: true,
                timeout: 2800,
                speed: 800,
                visible: 5,
                init: function() {
                    $('div.slider').fadeIn();
                },
                easing: 'easeOutQuint' // for different types of easing, see easing.js
            });
        });
    </script>