Question

I have built a simple static website using media queries to resize for tablets and smart phones. I have a rotating jquery banner. I have re-sized the banner and its images with media queries. The problem is when you change orientation on smartphone/tablet the banners dimensions don’t change until you do a refresh. what I would like to know is how to auto refresh the banner when orientation changes is this possible with jquery.

Answer 1

Better to use the resize function other than refresh page

$(window).resize(function() {
  // add the stuff here to execute the your slider again;
});

Check out the sample code Here http://sharetext.org/DSXR

Sample V2 – http://sharetext.org/DSYC

Otherwise you can use a some flexible Responsive slider Plug-ins
http://www.woothemes.com/flexslider/flexslider-demo/
and you can download it here
https://github.com/woothemes/FlexSlider/downloads