OK, finally got it working...
Got the latest jquery.roundabout.js from
Fred LeBlanc's GitHub. It's a few years old and no longer supported but found that using this full version, instead of the .min.js, solved the issue.
For anyone else having the same problem here's the code I used for my home page and portfolio page.
index.php
- Code: Select all
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.roundabout.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.roundabout-shapes.js"></script>
<script type="text/javascript">
$(document).ready(function() { //Start up our Featured Project Carosuel
$('#featured ul').roundabout({
easing: 'easeOutInCirc',
duration: 600,
autoplay: true,
autoplayDuration: 3000,
autoplayPauseOnHover: true
});
});
</script>
portfolio.php
- Code: Select all
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.roundabout.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<cms:show k_site_link />js/jquery.roundabout-shapes.js"></script>
<script type="text/javascript">
$(document).ready(function() { //Start up our Project Preview Carosuel
$('ul#folio_scroller').roundabout({
easing: 'easeOutInCirc',
shape: 'waterWheel',
duration: 600,
autoplay: true,
autoplayDuration: 3000,
autoplayPauseOnHover: true
});
});
</script>
Cheers,
8-)