Question

在我的投资组合中我有一些项目（例如http://mathieuserruys.be/art-cinema-offoff-voorjaar-2015/）。这些图像通过ACF Repeater字段调用，并将它们放入jcycle 2库中。

这是我使用的代码：

<div class="info" style='-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;'
unselectable='on'
 onselectstart='return false;' 
 onmousedown='return false;'><span id="prev">< prev</span><br>
<span id="next">next ></span><span><?php the_post(); ?><?php the_content(); ?></span></div>  
<div class="slideshow" 
data-cycle-fx=scrollHorz
data-cycle-timeout=0
data-cycle-center-horz=true
data-cycle-center-vert=true
    data-cycle-next="img, #next"
data-cycle-prev="#prev"
data-cycle-swipe=true
data-cycle-loader="true"
data-cycle-manual-speed="1"

    data-cycle-caption-template="{{slideNum}}/{{slideCount}}"
>
<div class="cycle-caption"></div>
 <?php if( have_rows('images_repeat') ): ?>
<?php while( have_rows('images_repeat') ): the_row(); 

    // vars
    $image = get_sub_field('image_repeat');

    ?>


            <img src="<?php echo $image['url']; ?>"/>
<?php endwhile; ?>
<?php endif; ?>
</div>
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>

我注意到在第一次加载时图像以随机顺序出现。在那之后，有时它们是正确的，有时它们不是。我想这与Jcycle加载有关，与转发器的工作方式有冲突。有关于此的任何提示吗？

Answer 1

在jquery.cycle2.carousel.js和jquery.cycle2.tile.js 之后，jquery.cycle2.js被称为

jquery.cycle2.js必须在这两个脚本之前可用。

高级自定义字段repeater / jcycle：不需要的随机顺序

1 个答案: