Hi Greg,
No reply from the designer of the mobile template as yet so I have substituted a different slider which I have used for static images on another site before
This latest version also includes swipe for mobile sites although I have not set this part up as yet
I know I said that I will probably only use 2 or 3 of the six images but I thought for starters I would keep it simple for testing and rotate through all 6 images but with a view to displaying just 3 images once I have got it to work
I can get the slider to call the images from the database, so I am heading in the right direction, but it displays all six images in one go and breaks out of the slider box, is this because I am calling all the images in one hit? should I be adding something else to the php code
See code below
Thanks - Mel
<!-- mels slider test -->
<script type="text/javascript">
jQuery(document).ready(function($){
$('#my-slider').advancedSlider({width: 250,
height: 330,
skin: 'minimal-small',
shuffle: false,
slideshowControls: true,
slideshowControlsToggle: false,
slideArrowsToggle: true,
slideButtonsNumber: true,
timerAnimationControls: false,
timerRadius: 20,
timerStrokeColor1: '#ffffff',
timerStrokeColor2: '#000000',
timerStrokeOpacity1: 0.8,
timerStrokeWidth1: 6,
timerStrokeWidth2: 3,
fullscreenControls: true,
effectType: 'slide',
slideEasing: 'easeInOutExpo',
slideLoop: true,
overrideTransition: true
});
});
</script>
<div class="advanced-slider" id="my-slider">
<ul class="slides">
<?php foreach ($biosRecord['nsimages'] as $upload): ?>
<li class="slide">
<img class="image" src="<?php echo get_custom_watermark_url($upload['urlPath'], 'watermarkNew.png') ?>" />
</li>
<?php endforeach ?>
</ul>
</div>
<br class="clear" />
<!-- /mels slider test -->