Hey Guys,

 

I have an image slider panel on a website i am developing at the moment using the .cycle plugin.

 

This is what i have:

 

       $(function () {
           $('div.image').cycle({
               fx: 'scrollLeft',
               speed: 1500,
               pause: 1,
               timeout: 5000,
               random: 1,
               easing: 'easeOutCubic'
           });
       });

 

Is is possible to set the fx"In" to scrollLeft and the fx"Out" to scroll right?

 

Cheers,

 

K3rt90

Check the advanced demo's. http://jquery.malsup.../cycle/adv.html & http://jquery.malsup...cycle/adv2.html

 

If you get stuck, just post what you've got

Edited September 5, 201115 yr by bocaj

got it working, its going out to the right"Out" and coming left"In".... it isn't scrolling through my images though.

 

(Images are set up through a cms dynamic data source.)

 

And i want the in and out to happen at the same time.

 

   <script type="text/javascript">

       $(function () {
           $('div.image').cycle({
               fx: 'custom',
               sync: 0,
               speed: 200,
               timeout: 300,
               pause: 1,
               animIn: {
               left: 0,
               top: 0
               },
               animOut: {
                   speed: 200,
                   timeout: 300,
                   left: 622
               }

//                fx: 'scrollRight',
//                speed: 3500,
//                pause: 1,
//                timeout: 10500,
//                random: 1,
//                easing: 'easeOutCirc'
           });
       });
   </script>

Hello,

 

My name is Sergio and I am new to jquery. I tried this slidshow tutorial using jquery cycle plugin and got it to work fine with the defaults but once I tried to change the fx from 'fade' to 'scrollLeft' it pushes the images down and out of the div when I hover over it.

 

Any suggestions on how to fix this?