[jQuery] How to make Jquery work properly
I have only been recently introduced to using JQuery and I am having
basic problems of making it work. I previously used Takashi's
MudCorp's Image Gallery but it came into conflict with the simple
JQuery slideshow gallery I am implementing.
What I have in my wordpress post is this:
<div id="section1" class="pics">
<img src="/wp-content/uploads/ccp_invitation_no3_uk.jpg" />
<img src="wp-content/uploads/arnsdorfss09_f.jpg" />
<img src="wp-content/uploads/ccp_invitation_no3_uk.jpg" />
</div>
<a id="prev" href="#">prev</a> <a id="next"
href="#">next</a>
I've called my header with JQuery 1.2.3 and the JQuery Cycle Plugin
2.34.
This is also in my header:
<script type="text/javascript">
$('#section1').cycle({
fx: 'fade',
speed: 'fast',
timeout: 0,
next: '#next',
prev: '#prev'
});
</script>
and the page: <a href="http://www.culturesinbetween.net/NEWWEBSITE/
archives/260">website</a>
The fade transition does not work. Please help.