Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    May 2008
    Posts
    446
    Thanks
    23
    Thanked 5 Times in 5 Posts

    Cycle plugin not working

    I am trying to use the cycle plugin but all I get is a static list. I have checked to make sure all my code is matching with the demos online and still I dont get anywhere.

    Code:
    $('#s1').cycle({ 
       fx:     'fade', 
       speed:  'fast', 
      timeout: 0, 
      next:   '#next2', 
     prev:   '#prev2' 
    });
    I have loaded this code inside the .ready function

    Code:
    <div id="s1" class="pics">
    <img src="/photo_site/pictures/bee.png" alt="1a" height="400" width="600"/>
    <img src="/photo_site/pictures/Bridge.jpg" alt="1b" height="400" width="600"/>
    <img src="/photo_site/pictures/Cat.jpg" alt="1c" height="400" width="600"/>
    <img src="/photo_site/pictures/desert.jpg" alt="1d" height="400" width="600"/>
    <img src="/photo_site/pictures/France.jpg" alt="1e" height="400" width="600"/>
    <img src="/photo_site/pictures/House.jpg" alt="1f" height="400" width="600"/>
     	</div>
    This part has been loaded into the body tag obviously.

    The page containing the code is:

    http://royalvillicus.com/photo_site/...e/photo_1.html

    The images are shown at the bottom

    Thanks a lot for all your help

  • #2
    Regular Coder
    Join Date
    May 2008
    Posts
    446
    Thanks
    23
    Thanked 5 Times in 5 Posts
    well I was able to narrow down to some of the problems at hand.

    my:

    <script type="text/javascript" src="/photo_site/photo.js"></script>

    is being called in fine.

    The ones that dont seem to be getting called in properly are:

    <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"></script>

    and

    <script type="text/javascript" src="/jquery/cycle.js"></script>

    I tried doing a test with a fadeOut on an image, but nothing was happening so that would point to a problem with my src="/jquery/jquery-1.3.2.min.js".

    I imagine I will just have to assume the cycle.js is not working seeing as it wont work until src="/jquery/jquery-1.3.2.min.js" is being called properly.

    Anybody have any ideas?

  • #3
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    I see this error you have:

    Error: $("#gallery").jCarouselLite is not a function
    Source File: http://royalvillicus.com/photo_site/photo.js
    Line: 94
    I'm not sure why you are including the jQuery library the way you are, try just <script type="text/Javascript" src="jquery-1.3.2.min.js"></script>

  • #4
    Regular Coder
    Join Date
    May 2008
    Posts
    446
    Thanks
    23
    Thanked 5 Times in 5 Posts
    Well I figured it out, odd as it is, I need the jcarousel lite plugin put in even though I am not using it. It could be for the fact that photo.js has code that also specifies for jcarousel and thus needs the plugin to avoid errors and run everything unrelated to the carousel smoothly.

    Thanks a lot for your help


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •