0
I made a rotary banner with jQuery on Dreamweaver for a responsive website.
When viewed on the Desktop it looks perfect, but when I switch to mobile or tablet the photos stay distorted.
How do I get rotating banner images to work across all platforms?
You need to better explain what kind of distortion occurs, as well as the jQuery version and the rotary banner plug-in you’re using, and also post a code snippet for evaluation
– rkawano
The images are narrow, to adapt the width of the platform. The jquery version is 1.11.1 and plug-in Cycle.
– Rebeca Lacerda
From the description of the problem, I think this can be solved by forcing a variable height on the banner;
height: auto !important;– Carlos
Rebekah, welcome to [en.so]! It would be very interesting for you to post snippets of code so that users can test reproduce the problem. Not knowing how you did the implementation, it is very vague to give a conclusive answer on how to solve the problem. Could you please edit your question by adding this information?
– utluiz
Do you use this http://jquery.malsup.com/cycle2/ ? Because on the site itself in the topic Responsive it shows how to do this...
– Rafael Withoeft
I didn’t use this one, Rafael. Now it worked, I used a plug-in that didn’t fit responsive sites. Thank you! : D
– Rebeca Lacerda
Thanks for your help, guys.
– Rebeca Lacerda