Response title
This is preview!
jQuery Cycle plugin wont Cycle
in Using jQuery Plugins
•
11 years ago
Been working with this for a few hours, cant get it to work.I am creating a slideshow. My example images wont cycle at all. Nothing happens with the script and I cant seem to find the problem.
Here is my code.
- <script type="text/javascript" src="js/jquery-v1.7.1.js"></script>
- <script type="text/javascript" src="js/sprite.js"></script>
- <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
- <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('.slide').cycle ({
- fx: 'fade',
- timeout: 4000,
- speed: 1000,
- pause: true,
- });
- });
- </script>
- <----- HERE IS THE CLASS IN HTML ---->
- <div class="slide">
- <img src="images/roll.png" alt=""/>
- <img src="images/roller.png" alt="" />
- </div>
- <----- HERE IS THE CSS FOR THE CLASS ----->
- .slide {
- width:1000px;
- height:334px;
- overflow: hidden;
- }
So Im calling the jquery library,jquery.cycle.all.js and inserting the script and the code is correct as far as I can see. I have a class for the images and the images are styled with a simple width and height. Anyone able to point me in the right direction.
Best regards Symnosa
1