1

Supersized 3.2.7 - Fullscreen Slideshow jQuery Plugin をカスタム WordPress テーマに統合しました。WordPress 3.4.2 を使用しています。一時停止ボタンをクリックすると、再生ボタン (play.png) が表示されないことを除いて、スライドショーに関するすべてがうまく機能しています。これは、トレイを開くボタンをクリックしたときにも発生します。トレイを下げるボタン (button-tray-down.png) がありません。ページへのリンクは次のとおりです

ソースでこれらのボタンへのパスを確認すると、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 に答える