Home → RoyalSlider HTML version issues →

How to make images responsive in animated blocks

• Edit

add1ctiv3

08 Dec, 2012 10:07 AM

Hi, first of all thank you for this amazing plugin.

I would like to ask a few questions though. I need to make a slider which will be responsive much like your content slider template BUT with the effects of the animated blocks. I use the animated-blocks template as my base but the images wont resize if the window width gets lower!

if i use the option imageScaleMode: ' ' with any option other than none then ALL the images get one same size which ofc wont help much!

here is a link
http://addictivelabs.gr/pamak/templates/animated-blocks/

1. Support Staff 1 Posted by Dmytro Semenov on 08 Dec, 2012 02:42 PM

   

   Hi,

   Use CSS media queries to change size when browser resizes, slider doesn't do anything with images that aren't "rsImg".

   Dmitry

   • Edit

2. 2 Posted by gertha on 19 Dec, 2012 04:47 AM

   

   Hello,

   I'm having the same issue but I don't understand your answer in how to resolve this. Can you please elaborate? Where and what must I input to make those changes for the animated blocks to be responsive?

   • Edit

3. Support Staff 3 Posted by Dmytro Semenov on 19 Dec, 2012 05:14 PM

   

   Please read more about media queries - http://unmatchedstyle.com/news/working-with-media-queries-and-min-w...

   Dmitry

   • Edit

4. add1ctiv3 closed this discussion on 25 Dec, 2012 10:27 AM.