javascript - Wordpress 和 DD 的终极淡入幻灯片 : Code Doesn't Scroll Through Thumbnails

Question

我正在尝试使用(特定类别的)Wordpress 循环来提取特色图像、链接和摘录，并填充 Slideshow JS 中的 Ultimate Fade。该代码输出正确的格式、语法，并正确显示两篇文章的链接。但是，此代码不会循环遍历特色图像。它似乎在同一图像两次之间褪色。

此特定类别目前有两篇文章，均将图像设置为特色。每篇文章还附有摘录。

所有文档(fadeslideshow.js 和 jQuery)都在 header 中正确链接，并且在使用 Safari 的 Web 检查器观看代码时 - 动态驱动脚本显示透明度变化 - 它只是在同一图像之间切换，因此看起来没有任何变化正在发生。

下面的代码位于一个单独的 .php 文档中，该文档在 header 中调用。

<script type="text/javascript">
<?php query_posts('cat=7'); ?> //queries posts only from featured category
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

var mygallery=new fadeSlideShow({ 
wrapperid: "fadeshow", //ID of blank DIV on page to house Slideshow
dimensions: [585, 350], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [

<?php   $thumbnails = get_posts('posts_per_page=5'); //adding category=7 here breaks code
        $my_excerpt = get_the_excerpt();
        $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); 
        $total = count($thumbnails); //this is to count the number of thumbnails in foreach loop to NOT add a comma to the last one
        $i=1;

        foreach ($thumbnails as $thumbnail) {
        if ( has_post_thumbnail($thumbnail->ID)) {
        $i++;

         echo '["'.$url.'","'.get_permalink( $thumbnail->ID ).'","","'.$my_excerpt.'"]'; //This spits out the exact correct code
         if ($i != $total) { echo', '; }//this is to count the number of thumbnails in foreach loop to NOT add a comma to the last one

 }} ?>
],

displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})

<?php endwhile; endif; ?> //This ends the wordpress loop
<?php wp_reset_query(); ?>

</script>

Dynamic Drive 幻灯片放映中的终极淡入淡出信息如下:http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

我的代码在此网站上:http://johnharvey.hsjjr.net

我也尝试过使用 wp_get_attachment_image_src 但没有成功。

我在 Google、Dynamic Drive 论坛和 Wordpress Codex 上进行了彻底的搜索，但没有找到任何其他可以尝试的内容。我相信也许我对问题所在的了解不够，不知道还需要寻找什么。我相信有一个相当简单的解决方案，我只是没有经验知道出了什么问题。

非常感谢大家的帮助和知识!

Answer 1

不完全确定为什么这有效 - 但我解决了问题。我没有在 foreach 循环上方定义变量，而是将其向下移动到循环中:

<?php   $thumbnails = get_posts('posts_per_page=5'); //adding category=7 here breaks code

        $total = count($thumbnails); //this is to count the number of thumbnails in foreach loop to NOT add a comma to the last one
        $i=1;

        foreach ($thumbnails as $thumbnail) {
        if ( has_post_thumbnail($thumbnail->ID)) {
        $i++;



         echo '["'.wp_get_attachment_url( get_post_thumbnail_id($thumbnail->ID) ).'","'.get_permalink( $thumbnail->ID ).'","","'.get_the_excerpt($thumbnail->ID).'"]'; //This spits out the exact correct code
         if ($i != $total) { echo', '; }//this is to count the number of thumbnails in foreach loop to NOT add a comma to the last one


 }

}
?>

除了仍然不会循环，但至少缩略图会循环。