0

以下のコードを使用しているため、ループ内で動作するスライダーが必要です

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;?>

このコードを使用すると、スライダーは一度だけ機能します。ループの下で機能するスライダーが必要です。つまり、複数の投稿を追加する必要があり、各投稿には複数の画像があります。各投稿の詳細を表示し、スライダーを使用して各投稿の画像を表示する必要があります

4

1 に答える 1

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; ?>

また、どのワードプレスプラグインを実行していますか? それを知らないと、この問題のトラブルシューティングが少し難しくなります。

于 2013-03-20T10:51:05.450 に答える