[jQuery] Re: jQuery and Cycle plugin

[Daan]

Hi, I also have a question about this jquery, I hope anyone can help
out.

I use the script to slide an entire div container, with various
elements inside. However, I would like a logo image in the top left
corner and another image in the bottom left to keep its position. Does
anyone know how to exclude an element from moving within the
container?

thanks in advance!

[jQuery] Re: jQuery and Cycle plugin

[Mike Alsup]

Try something like this:

$(document).ready(function() {
var $slideshow = $('#slideshow');

$slideshow.cycle({
fx: 'fade'
}).cycle('pause');

$slideshow.hover(function() {
$slideshow.cycle('resume');
},
function() {
$slideshow.cycle('pause');
});
});


On Nov 17, 1:43 pm, j1042 iwspareema...@googlemail.com wrote:
 Hey!

 Been enjoying the Cycle plugin (http://www.malsup.com/jquery/cycle/)
 but I can't get it do do exactly what I want.

 This image slideshow plugin comes with built in variables to control
 its operation, for example:

 $(document).ready(function() {
         $(function () {
                 $('.slideshow').cycle({
                 fx:         'fade',
                  pause:  1
                 });
            });

 });

 in this case the 'pause' variable being true means that the image
 slideshow runs until mouseover the .slideshow div - at which point it
 pauses - and continues on mouseout

 But I'd like the opposite to occur - no slideshow until mouseover,
 then continue until mouseout.

 There appears to be no way of achieving this using the current version
 of Cycle - so my question is, is there a way to achieve what I want
 with some more convoluted jQuery and the mouseover/mouseout or hover
 events?

 Thanks

[jQuery] Re: jQuery and Cycle plugin

[j1042]

Hey Mike,

Thanks for the reply - that's similar to something I tried, however it
has the same effect - the slideshow starts once the page is loaded
regardless, and continues on hover. On mouseout it resets to the first
image and continues - unless you mouseout during the transition in
which case it resets to a blank (non-existent) image and continues the
slideshow.

h


James



On Nov 17, 7:00 pm, Mike Alsup mal...@gmail.com wrote:
 Try something like this:

 $(document).ready(function() {
         var $slideshow = $('#slideshow');

         $slideshow.cycle({
                 fx: 'fade'
         }).cycle('pause');

         $slideshow.hover(function() {
                 $slideshow.cycle('resume');
         },
         function() {
                 $slideshow.cycle('pause');
         });

 });

 On Nov 17, 1:43 pm, j1042 iwspareema...@googlemail.com wrote:



  Hey!

  Been enjoying the Cycle plugin (http://www.malsup.com/jquery/cycle/)
  but I can't get it do do exactly what I want.

  This image slideshow plugin comes with built in variables to control
  its operation, for example:

  $(document).ready(function() {
          $(function () {
                  $('.slideshow').cycle({
                  fx:         'fade',
                   pause:  1
                  });
             });

  });

  in this case the 'pause' variable being true means that the image
  slideshow runs until mouseover the .slideshow div - at which point it
  pauses - and continues on mouseout

  But I'd like the opposite to occur - no slideshow until mouseover,
  then continue until mouseout.

  There appears to be no way of achieving this using the current version
  of Cycle - so my question is, is there a way to achieve what I want
  with some more convoluted jQuery and the mouseover/mouseout or hover
  events?

  Thanks

[jQuery] Re: jQuery Malsup Cycle Plugin (advanced pager not working in IE)

[Donna Vitan]

Sweet jebus, thank you so much. That fixed the problem right up.

On Apr 8, 8:28 pm, Mike Alsup mal...@gmail.com wrote:
  I'm trying to use the advancedpagersimilar to 
  thishttp://malsup.com/jquery/cycle/pager2.html

  However, it only works in FF and not inIE.
  My test page:http://cascodesign.ca/clients/lennard/listing.html

  I think it's great that this will auto generate thepagerthumbnails!
  Any help would be greatly appreciated. Thank you.

 You need to remove the trailing comma after

 random: 1,

[jQuery] Re: jQuery Malsup Cycle Plugin (advanced pager not working in IE)

[Mike Alsup]

 I'm trying to use the advanced pager similar to 
 thishttp://malsup.com/jquery/cycle/pager2.html

 However, it only works in FF and not in IE.
 My test page:http://cascodesign.ca/clients/lennard/listing.html

 I think it's great that this will auto generate the pager thumbnails!
 Any help would be greatly appreciated. Thank you.


You need to remove the trailing comma after

random: 1,