Need flexible (responsive) width

vicius
(@vicius)

13 years, 6 months ago

Hello,
I have responsive design theme, which is changing the widths and arrangement according the size (width) of the web browser window or screen.

Is it possible to make the Skitter slideshow to change the width according the div width in which it is placed? I mean that the slideshow should not be fixed width, but it should change according the width which is available. Not the width is fixed and if the screen is smaller, then the Skitter slideshow is getting on the top of other elements.

Thanks in advance!

http://ww.wp.xz.cn/extend/plugins/wp-skitter-slideshow/

Viewing 10 replies - 1 through 10 (of 10 total)

Emil Uzelac
(@emiluzelac)

13 years, 6 months ago
Hi,

I’ve worked with Skitter while back and it can be flexible.

Try this:
```
.container_skitter {
	width: 100% !important;
}

.box_skitter {
	width:100% !important;
}

.box_skitter img {
	height: auto;
	max-width: 100%;
}
```
Thanks,
Emil
Thread Starter vicius
(@vicius)

13 years, 6 months ago

Hi Emil,
Thanks for try, it’s almost working, but it looks like that the animation is not working properly. Also if the width is becoming smaller, it doesn’t change the height (but I could live with such a problem :))
You can check it on this site, where I have tested it:
http://www.mezgykla.lt/

P.S. have tried to add height: auto; line to the .container_skitter and .box_skitter, but also was not working properly.

Emil Uzelac
(@emiluzelac)

13 years, 6 months ago

That’s weird, looks good from my end 🙂 http://i.imgur.com/Pv2m1.png

Emil

Thread Starter vicius
(@vicius)

13 years, 6 months ago

Yes, it looks the same for me also. But is the animation working properly? Even with the max size?

Emil Uzelac
(@emiluzelac)

13 years, 6 months ago

Can you post some screenshots for me, maybe you’re seeing stuff differently?

Thanks,
Emil

Thread Starter vicius
(@vicius)

13 years, 6 months ago

For me the photos are not changing as before – new photo comes at the upper left corner and sticks there:
http://img109.imageshack.us/img109/192/79293274.jpg
http://img35.imageshack.us/img35/7561/95898828.jpg
http://img31.imageshack.us/img31/1638/16809388.jpg

Thread Starter vicius
(@vicius)

13 years, 6 months ago

By the way – not with the all effects..

Emil Uzelac
(@emiluzelac)

13 years, 6 months ago

That part I don’t know sorry, let’s wait for the plugin author please 🙂

Thanks,
Emil

Taraprasad Swain
(@swaintara)

12 years, 10 months ago

Try replacing the js and css with

http://tinyurl.com/mfmw777
http://tinyurl.com/n6x77zj

Thanks!!

fatherb
(@fatherb)

12 years, 8 months ago

Taraprasad – your amends didn’t work. Firstly the plugin looks for the .min versions of the js and css files. So even if you change that to look for the extended versions, it still isn’t responsive. Additionally those amends have other unintended effects. My page for instance saw the skitter slideshow over-run the text underneath it when those amends were implemented.

Any other ideas on how to make this responsive?

Thanks.