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
Post a Comment