Question

我已将Supersized 3.2.7 - 全屏幻灯片jQuery插件集成到自定义WordPress主题中。我正在使用WordPress 3.4.2。关于幻灯片的一切都很有效，除了当我点击暂停按钮时我得到一个缺少的播放按钮（play.png）。当我单击托盘打开按钮，托盘向下按钮（button-tray-down.png）丢失时，也会发生这种情况。以下是该页面的链接：http://dev4.mccawphotographics.com/views/

当我查看源代码中这些按钮的路径时，我看到img / button-tray-down.png和img / play.png。显然这是错误的路径，但我无法弄清楚如何使用正确的路径来获取图像。

我花了几个小时谷歌搜索但尚未找到任何答案。这是我调用超大函数的代码：

<script type="text/javascript">
    jQuery(function($){

        $.supersized({

            // Functionality
            slideshow               :   1,          // Slideshow on/off
            autoplay                :   1,          // Slideshow starts playing automatically
            start_slide             :   1,          // Start slide (0 is random)
            stop_loop               :   0,          // Pauses slideshow on last slide
            random                  :   0,          // Randomize slide order (Ignores start slide)
            slide_interval          :   6000,       // Length between transitions
            transition              :   1,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
            transition_speed        :   2000,       // Speed of transition
            new_window              :   1,          // Image links open in new window/tab
            pause_hover             :   0,          // Pause slideshow on hover
            keyboard_nav            :   1,          // Keyboard navigation on/off
            performance             :   1,          // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
            image_protect           :   1,          // Disables image dragging and right click with Javascript

            // Size & Position                         
            min_width               :   0,          // Min width allowed (in pixels)
            min_height              :   0,          // Min height allowed (in pixels)
            vertical_center         :   0,          // Vertically center background
            horizontal_center       :   1,          // Horizontally center background
            fit_always              :   0,          // Image will never exceed browser width or height (Ignores min. dimensions)
            fit_portrait            :   1,          // Portrait images will not exceed browser height
            fit_landscape           :   0,          // Landscape images will not exceed browser width

            // Components                           
            slide_links             :   false,  // Individual links for each slide (Options: false, 'number', 'name', 'blank')
            thumb_links             :   1,          // Individual thumb links for each slide
            thumbnail_navigation    :   0,          // Thumbnail navigation
            slides                  :   [           // Slideshow Images
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', url : ''},  
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', url : ''},
                                                {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', url : ''},


                                        ],

            // Theme Options               
            progress_bar            :   1,          // Timer for each slide                         
            mouse_scrub             :   0

        });
    });
</script>

知道导致此问题的原因以及解决方法吗？

谢谢！

Answer 1

您已在vars中指定了JavaScript中图像的路径：

   image_path: "img/"

将其更改为：

   image_path: "/wp-content/themes/residence-xxv/images/"

jQuery Supersize播放按钮和托盘向下按钮不显示

1 个答案: