1

我已将 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>

知道是什么导致了这个问题以及如何解决它吗?

谢谢!

4

1 回答 1

2

您已经在 vars 下的 JavaScript 中指定了图像的路径:

   image_path: "img/"

将其更改为:

   image_path: "/wp-content/themes/residence-xxv/images/"
于 2012-10-12T15:23:50.187 回答