我们如何在循环内使用滑块

时间:2013-03-20 10:31:05

标签: php wordpress wordpress-theming

我需要一个在循环内工作的滑块,因为我正在使用下面的代码

while ( have_posts() ) : the_post(); ?>
<div id="content">




<?php 


$attachments = get_children( array(
    'post_parent' => $post->ID,
    'post_type' => 'attachment',
    'order' => '',
    'post_mime_type' => 'image')
    );  
echo "aaaaa".count($attachments);   
?>


<?php if(count($attachments)!=0){ ?>
<div id="portfolio-gallery">
    <ul id="slideshow_detail">
        <?php 
         foreach ( $attachments as $att_id => $attachment ) {
        $getimage = wp_get_attachment_image_src($att_id, 'room-gallery', true);
        $roomimage = $getimage[0];
        echo '<li>
        <h3></h3>
        <span>'.$roomimage.'</span>
        <p></p>
        <img src="'.$roomimage.'" alt="" class="thumb-slide" />
        </li>';
         }
        ?>
    </ul>

    <div id="wrapper1">
        <div id="fullsize">
            <div id="imgprev" class="imgnav" title="Previous Image"></div>
            <div id="imglink"></div>
            <div id="imgnext" class="imgnav" title="Next Image"></div>
            <div id="image"></div>
            <div id="information">
                <h3></h3>
                <p></p>
            </div>
        </div>
        <div id="thumbnails">
            <div id="slideleft" title="Slide Left"></div>
            <div id="slidearea">
                <div id="slider-room"></div>
            </div>
            <div id="slideright" title="Slide Right"></div>
        </div>
    </div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript">
<!-- 

    $('slideshow_detail').style.display='none';
    $('wrapper1').style.display='block';
    var slideshow_detail=new TINY.slideshow_detail("slideshow_detail");
    window.onload=function(){

        slideshow_detail.auto=true;
        slideshow_detail.speed=5;
        slideshow_detail.link="linkhover";
        slideshow_detail.info="information";
        slideshow_detail.thumbs="slider-room";
        slideshow_detail.left="slideleft";
        slideshow_detail.right="slideright";
        slideshow_detail.scrollSpeed=4;
        slideshow_detail.spacing=25;
        slideshow_detail.active="#fff";
        slideshow_detail.init("slideshow_detail","image","imgprev","imgnext","imglink");
    }
//-->  
</script>
</div>
<?php endwhile;?>

通过使用此代码滑块只能工作一次;我需要一个在循环下工作的滑块。 即我必须添加多个帖子,每个帖子有多个图像。我必须显示每个帖子的详细信息,并使用滑块显示每个帖子的图像

1 个答案:

答案 0 :(得分:0)

我觉得可能是 while循环,从顶部开始可能是问题所在。为什么不使用if语句。我不熟悉你的“while”语法。我只看过以下内容:

<?php while( someCondition() ): ?>

    //statements in here

<?php endwhile; ?>

或者尝试使用if语句:

<?php if ( have_posts() ): ?>
    //all slider code here
<?php } else { ?>
   //give a 'there are no posts' message
<?php endif; ?>

你还运行什么wordpress插件?在不知情的情况下,解决这个问题有点困难。