#295 new
Rick

Conflict with jQuer plugin: Cycle Lite

Reported by Rick | July 3rd, 2010 @ 12:41 AM

Trying to redesign my site as a 1-page portfolio

I'm using a couple of jQuery plugins and other JavaScripts on my page. They all worked until I added the Scriptaculous script for the
@@@ 'Effect.ScrollTo' @@@ option.

Once added, the Scriptaculous addition worked correctly, however it disabled the jQuery Cycle lite plugin which was working correctly before-hand (http://jquery.malsup.com/cycle/lite/)

I've tried everything I can think of and all scripts appear to be linked correctly.

Can someone help a javascript noobie out?

Here's a link to the page I'm working on:

http://rickmesser.com/rmd-homepage.html

Here are my scrips in my header:

<!--Load jQuery-->


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" charset="utf-8"></script>


<!--Scriptaculous-->


<script type="text/javascript" src="Scripts/prototype.js"></script> <script type="text/javascript" src="Scripts/scriptaculous.js"></script>


<!--Cufon-->


<script type="text/javascript" src="Scripts/cufon-yui.js"></script> <script type="text/javascript" src="Scripts/TinBird_400-TinBird_italic_400.font.js"></script> <script type="text/javascript"> Cufon.replace('h2'); </script>


<!--Cycle Lite-->


<script type="text/javascript" src="Scripts/jquery.cycle.lite.1.0.min.js"></script> <script type="text/javascript"> path = "images";


$(document).ready(function() {

setTimeout('move_up()', 1);



}); </script>
<script type='text/javascript'> $(document).ready(function(){
$('#slideshow1').cycle({
fx:'fade', 
speed:'2000', 
timeout: 0, 
next:'#next', prev:'#prev'});
});



</script>

Comments and changes to this ticket

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

script.aculo.us is an open-source JavaScript framework for visual effects and interface behaviours.
<br/><b>Source available from github</b>
The Git repository resides at:
<a href="http://github.com/madrobby/scriptaculous">http://github.com/madrobby/scriptaculous</a>
<br/>Check out the current development trunk with:
<code>git clone git://github.com/madrobby/scriptaculous.git</code>
<br/>As <b>script.aculo.us 1.xx is feature-frozen</b>, this development trunk is for <b>bugfixes only</b>.
<br/>New development should happen only for
<b>script.aculo.us 2</b>.
<br/><b>Creating a bug report</b>
When creating a bug report, be sure to include as much relevant information as possible. Post a an example that shows off the problem. Preferably, <b>alter the unit tests</b> and show through either changed or added tests how the expected behavior is not occuring.

People watching this ticket

Pages