Question

我试图使用此插件为我的图像循环制作一个寻呼机： http://jquery.malsup.com/cycle/pager3.html

but even tho it looks like Im doing it right, my pager wont work. Here is my code:
    /////////////
    // This is my pager on the left side of my slideshow
    /////////////
        <ul class="imageList">
            <?php foreach ($imgs as $img) : ?>
            <li>
                <a href="#">
                    <img src="<?php echo $img[0]; ?>" height="64" width ="64" alt="<?php echo $title; ?>" />
                </a>
            </li>
            <?php endforeach; ?>
        </ul>
    /////////////
    /// here is the slider    
    /////////////
    <?php $imgs = get_post_images(get_the_ID(), 'full'); ?>
    <div class="imageCycler nextImage">
        <?php foreach ($imgs as $title => $img) : ?>
        <div>
            <img src = "<?php echo $img[0]; ?>" alt = "<?php echo $title; ?>" />
            <p class="imageInfo">                       
                <?php echo $img[3]; ?>                  
            <p>
        </div>
            <?php endforeach; ?>
    </div>
    /////////////
    /// here is my jquery 
    /////////////
       $(.'imageCycler').cycle({ 
            fx: 'fade', 
            speed: 300, 
            next: '.nextImage',
            prev: '.prevImage',          
            timeout: 0,
            pager: '.imageList', 
            pagerAnchorBuilder: function(idx, slide) { 
                // return selector string for existing anchor 
                return '.imageList li:eq(' + idx + ') a'; 
            } 
        });

这是一个wordpress主题我正在制作所有这就是所有的PHP，我只是从一个帖子中拉出图像附件并将它们列出来。

Answer 1

循环中的主要分页器元素是每个幻灯片显示的单个容器。您正在循环中创建其中的许多内容，此外，您还尝试将LI元素附加到P标记，该标记是无效的html。将寻呼机从循环中取出并使用有效的html结构

Answer 2

我的不好，看起来像cycle.js有两个js文件，一个有基本功能，另一个（我没有的）包含寻呼机功能。

cycle.js寻呼机问题

2 个答案: