Cycle plugin not working

[surreal5335]

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.



$('#s1').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next2',
prev: '#prev2'
});



I have loaded this code inside the .ready function


<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/profile/photo_1.html

The images are shown at the bottom

Thanks a lot for all your help

[surreal5335]

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?

[Fumigator]

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>

[surreal5335]

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