Problems with Slideshow Manager

Hi,

How about responsive sites? Width and height is required for images? How to set image width to 100%?

#slider-wrapper {
    width:[[+file_width]]px;
    height:[[+file_height:add=`60`]]px;
}

#slider {
  position:relative;
    width:[[+file_width]]px;
    height:[[+file_height]]px;
  background:url([[++assets_url]]/components/slideshowmanager/nivo-slider/demo/images/loading.gif) no-repeat 50% 50%;
}

#slider-wrapper {
    width:100%;
    height:100%;
}

#slider {
  position:relative;
    width:100%;
    height:100%;
  background:url([[++assets_url]]/components/slideshowmanager/nivo-slider/demo/images/loading.gif) no-repeat 50% 50%;
}

Quote from: wintertribe at Oct 01, 2014, 02:55 AM

Hi,

How about responsive sites? Width and height is required for images? How to set image width to 100%?

Go to: Elements (Tab)> Chuncks> SlideShowManager (Folder)> nivo_headTpl (chunck).

Find:

#slider-wrapper {
    width:[[+file_width]]px;
    height:[[+file_height:add=`60`]]px;
}

#slider {
  position:relative;
    width:[[+file_width]]px;
    height:[[+file_height]]px;
  background:url([[++assets_url]]/components/slideshowmanager/nivo-slider/demo/images/loading.gif) no-repeat 50% 50%;
}

Change to:

#slider-wrapper {
    width:100%;
    height:100%;
}

#slider {
  position:relative;
    width:100%;
    height:100%;
  background:url([[++assets_url]]/components/slideshowmanager/nivo-slider/demo/images/loading.gif) no-repeat 50% 50%;
}

Just make sure to upload all your images of the same size since your container is going to resize according to your image size. Also make sure whatever size you decide to use for your album, that your default album dimensions are set to match. You can find this under: Album> Right click your created album)> Update Album> Width and Height.

If your template is responsive, then now your slideshow should also be responsive. At least mine was during my testing.