Trying to do window resize with jquery cycle slideshow -
I am trying to run a javascript window with a jQuery cycle slideshow to resize the script size on a page But I'm hitting some bugs I think I can not work It changes the size of the first image on the page load, but forgets the new height / width characteristics for subsequent slides. I can use jQuery on these before and after, but the images are completely flashed in a brief moment before fully resizing. Does the jQuery.cycle slides into their original size? If so, how do I stop this It seems that once the circle stores the width and height of the slide container element It is like, when you call it first, and then set the incoming slide to those dimensions, even if the script of your size is doing. I had only one problem: combination of options and worked for me. The key was Fit: 1 - The way the docs has been described, it looks like I do not want to, but made the desired effect. Unfortunately, can not explain it.
$ (document) .ready (function () {$ ('slide show.') Cycle ({fx: 'fade', speed: 200 , Timeout: 1000, pause: 1, before that: function (currSlideElement, nextSlideElement, option, forwardFlag) {after resize (;;)}}: function (currSlideElement, nextSlideElement, option, forwardFlag) {resize (;); $ '(' .slideshow ') seems (' img ') CSS ("height", "0"); .. $ (' # image ') hide () disable (1000) .fadeIn (); Size change ();}); $ (Window). Reset (function () {resize ();}); Resize the function () {var theheight = window.innerHeight; Var thewidth = window.innerWidth; Var image = washite - 200; If (Genesis> 540) {imageheight = 540; } If (Photosite & lt; 300) {imageheight = 300; } Var imagewidth = imageheight / 0.6585365; $ ("Slide"). CSS ("height", efesite); $ ("Slide"). CSS ("width", image width); $ ("Slide"). Ether ("height", efesite); $ ("Slide"). Ether ("width", image width); }
$ slideshows. Bicycle ({Container Resize: False, Slide Resize: False, Fit: 1});
.ourslide {width: yourwidth important}
Comments
Post a Comment