0

私はワードプレスと有名なスライドショーのスーパーサイズの間で、私が改造したスーパーサイズのスクリプトを書いています。

どこかに、ワードプレスからスーパーサイズに画像を挿入して解決する方法についての質問を投稿しました（約7日前）。私のクライアントは、ホームページの下部に表示される画像のタイトルを ( url に) 入れたいと私に尋ねました。

したがって、画像のタイトルを挿入する必要があります。

例えば：

{image : 'http://***.jpg', title : 'title_img'}

この変更されたコードは画像用であり、タイトル用ではありません:

<script type="text/javascript">

            jQuery(function($){
                var imagesArray = [
                <?php 
                function foo($anArray){
                foreach($myimages as $img){
                    echo "\{image : '".$img."'\},";
                }
                }?>
                ];
                $('#container_post img').each(function(){
                    var obj = {};
                    obj.image = this.src ;
                    imagesArray.push(obj);
                });
                $.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          :   5000,       // Length between transitions
                    transition              :   6,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                    transition_speed        :   1000,       // 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         :   1,          // 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             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                    thumb_links             :   0,          // Individual thumb links for each slide
                    thumbnail_navigation    :   0,          // Thumbnail navigation
                        slides : imagesArray 
, 

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

                });
            });

        </script>
4

1 に答える 1

0

私はapiFieldについてこのコードを書きました

<script>
    $(document).ready(function(){
        var slideTitle = api.getField('title');
        alert(slideTitle);
    });
</script>

ブラウザは私に言った：「未定義」

何が間違っていますか？

 <script type="text/javascript">

                jQuery(function($){


                    var imagesArray = [
                    <?php 
                    function foo($anArray){
                    foreach($myimages as $img){
                        echo "\{image : '".$img."', title : '".$img->post_title."'\},";
                    }
                    }?>
                    ];

                    $('#container_post img').each(function(){
                        var obj = {};
                        obj.image = this.src ;
                        imagesArray.push(obj);
                    });
                    var slideTitle = api.getField('title');
                    alert(slideTitle);
                    $.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          :   5000,       // Length between transitions
                        transition              :   6,          // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
                        transition_speed        :   1000,       // 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         :   1,          // 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             :   'blank',    // Individual links for each slide (Options: false, 'num', 'name', 'blank')
                        thumb_links             :   0,          // Individual thumb links for each slide
                        thumbnail_navigation    :   0,          // Thumbnail navigation
                            slides : imagesArray 
    , 

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

                    });
                });

            </script>
于 2013-03-11T18:34:28.053 に答える