javascript - How can I make my specific slideshow resize with the window? -


i'm rubbish javascript , have slideshow added below , have resize according window size. i've tried messing around on js fiddle can't seem make work. can tell me code missing here below? know it's not right @ can't seem fix it, tried many websites , videos...

here slideshow divs , part of javascript, not sure if it's useful:

<div id="sliderframe"> <div id="slider"> <img src="images/slide1.jpg" /> <img src="images/slide2.jpg" /> <img src="images/slide3.jpg" /> <img src="images/slide4.jpg" /> <img src="images/slide5.jpg" /> </div> </div>  var slideroptions= { sliderid: "slider", startslide: 0, effect: "6,15,1,2,11,12,13,15,16,5,7", effectrandom: false, pausetime: 2600, transitiontime: 500, slices: 14, boxes: 11, hoverpause: 2, autoadvance: true, captionopacity: 0.5, captioneffect: "rotate", thumbnailswrapperid: null, m: true, license: "mylicense" }; var imageslider=new mcimgslider(slideroptions); 

the last part of javascript goes on while... here javascript window resize function located in same js file slideshow , goes follows:

addloadevent(function() { $(window).resize(function() {  #sliderframe, #slider }); } 

lol it's missing something.

use css properties resize window. used in 1 of slides. make sure have absolute postion.

.class{   position: fixed;   bottom: 0;   width: 100% } 

Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Magento/PHP - Get phones on all members in a customer group -

session - Logging Out Using PHP -