0

我正在编写一个由我修改的 Supersized，介于 wordpress 和著名的超大幻灯片之间。

在某处，我发布了一个问题（大约 7 天前），关于如何将图像从 wordpress 插入到 Supersized 并解决。我的客户问我他想要主页底部显示的图像的标题（进入 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 回答