PDA

View Full Version : fadeSlideShow v 2.6.1 Responsive - filling the whole div



usm
10-29-2015, 02:28 PM
1) Script Title: Ultimate Fade-in slideshow (v2.6.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: I have a responsive, dynamic div size for the slideshow - depending on the browser width and height - and I would like that the content fits the div/fills the div completely. Depending on the dynamic proportions of the div should the content be cropped and not distorted - never mind the size of the browser window, never mind if the content size would be enlarged. A bit like the backstretch-plugin for the background (http://srobbin.com/jquery-plugins/backstretch/) but for a div. I hope you can help! Thanks in advance, Uwe

Beverleyh
10-29-2015, 02:48 PM
From the demo page
Responsive design- slideshow dimensions can now be set in percentage values to scale along with user's browser or mobile device screen size. New in v2.6

There is more info offered in the accompanying page here http://www.dynamicdrive.com/dynamicindex14/responsiveslideshowguide.htm

If you need more help, please post the link to *your page* so that we can offer suggestions based on *your setup*.

usm
10-29-2015, 03:30 PM
Thanks for your quick answer. I’m a bit confused by the various/different data in the JS (dimensions) and the styles. Here the link to the site I’m working on: http://www.uwe-s-meschede.de/canaryfoodphoto/test3-de.php
Probably you see the error at first sight.
Again thanks so much in advance! Greetings from the Canary Islands ...

Beverleyh
10-29-2015, 05:47 PM
I think the closest you're going to get is the last demo on the accompanying page http://www.dynamicdrive.com/dynamicindex14/responsiveslideshowguide.htm using media queries to change dimensions at your chosen breakpoints.

usm
10-30-2015, 10:05 AM
What a pity! Then I have to check other posibilities. Nevertheless many thanks for your help!