私のポートフォリオには、いくつかのプロジェクトがあります (たとえば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 の読み込みがリピーターの動作と競合していることと関係があると思います..これに関するヒントはありますか?