Hello,
I am currently working on a Cycle2 Slider using Advanced custom fields. All my fields are set up. Basically I have a image that changes and a strap line and a logo above the strap line(All Images). My slider is displaying properly but does not seem to go through the images and instead stays on one image and does not change. If anyone could help it would be much appreciated
[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]
<div id="slider">
<!--Background Image!-->
<img src="http://www.avactalifesciences.com/wp-content/uploads/2013/08/slide1.jpg" alt="slide 2 - Scientist image" class="back-slide" draggable="false">
<div class="banner-blue-back">
<div class="container">
<div class="row">
<div class="span8">
<div class="cycle-slideshow" data-cycle-fx=scrollHorz data-cycle-timeout=5000>
<!-- empty element for pager links -->
<div class="example-pager"></div>
<!-- Rotating Banner!-->
<?php if(get_field( 'slider_2')): while(has_sub_field( 'slider_2')): ?>
<?php $img_obj=get_sub_field( 'bg_image'); if($img_obj):?>
<img src="<?php echo $img_obj['url'] ?>" alt="<?php echo (empty($img_obj['alt'])? $img_obj['title'] :$img_obj['alt'])?>" />
<?php endif; ?>
</div>
<div class="example-pager"></div>
</div>
<!-- /.span8 -->
<div class="span4 pull-right">
<?php $img_obj=get_sub_field( 'affimer_strapline'); if($img_obj):?>
<img src="<?php echo $img_obj['url'] ?>" alt="<?php echo (empty($img_obj['alt'])? $img_obj['title'] :$img_obj['alt'])?>" class="affimer-strapline" />
<?php endif; ?>
<hr class="thin">
<?php $img_obj=get_sub_field( 'strapline'); if($img_obj):?>
<img src="<?php echo $img_obj['url'] ?>" alt="<?php echo (empty($img_obj['alt'])? $img_obj['title'] :$img_obj['alt'])?>" />
<!-- <h3 class="strapline">Changing the way life sciences research is done</h3> -->
</div>
<!-- /.span4 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- ./banner-blue-back -->
<?php endif; ?>
<?php endwhile; endif; ?>