Trying to do window resize with jquery cycle slideshow -


"itemprop =" text ">

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

  $ (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); }  itemprop = "text"> 

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

  $ slideshows. Bicycle ({Container Resize: False, Slide Resize: False, Fit: 1});  

and

  .ourslide {width: yourwidth important}  

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.


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -