• Registered: 2013-05-23
  • Posts: 2

Topic: Main image displays in wrong position

Even though I setup the first gallery to view with the main image at the top like this page:
http://www.vilandscaping.ca/gallery/index.html


I can't duplicate it, (it appears correct in the SV PRO publish page)  instead it goes to the side:
http://www.vilandscaping.ca/gallery_pools/index.html

or displays a tiny image where the large image should be:
http://www.vilandscaping.ca/gallery_pat … index.html

Any ideas what I'm doing wrong?

  • Registered: 2008-07-06
  • Posts: 6,326

Re: Main image displays in wrong position

I can't duplicate it, (it appears correct in the SV PRO publish page)  instead it goes to the side:
http://www.vilandscaping.ca/gallery_pools/index.html

This gallery has a fixed width of 550px so takes up 550px from the left hand side of the browser window. If the browser window is wider than 550px , then you will see empty space to the right of the gallery.
If you want the gallery to dynamically resize to fill the width of the browser window (no matter what its width), then set the gallery's width to be 100%.

or displays a tiny image where the large image should be:
http://www.vilandscaping.ca/gallery_pat … index.html

This gallery's dimensions are too small to display your main images any larger.
SimpleViewer reserves enough space within the gallery for the specified number of thumbnails and the remainder is used for the main image.
If you want your main images to be larger, you could reduce the number of thumbnail rows from 2 to 1 or increase the size of your gallery (by increasing the height of the gallery, using a large fixed pixel value, or by increasing the width of the gallery's parent container, the content column on your page).
You could also prevent SimpleViewer from scaling down images (which may be required to respect the aspect ratio of the images) by setting imageScaleMode="FILL" which will ensure that the image area is always completely filled (though this may result in large images being cropped).

Steven Speirs
SimpleViewer Support Team
  • Registered: 2013-05-23
  • Posts: 2

Re: Main image displays in wrong position

I managed to get one of them to work.

When I did the same thing to the next page it didn't work.

This one works:
http://www.vilandscaping.ca/gallery_pools/index.html

This one doesn't:
http://www.vilandscaping.ca/gallery_lan … index.html

Why is that?

  • Registered: 2008-07-06
  • Posts: 6,326

Re: Main image displays in wrong position

This one doesn't:
http://www.vilandscaping.ca/gallery_lan … index.html

Why is that?

This gallery displays OK in IE10 but not in Firefox 21.
Please see this FAQ:
My gallery does not show in Firefox or gets cropped to a small height. Why?

As you have expressed your gallery's height as a percentage, check your web page's CSS to ensure that all parent containers of your gallery have been given heights.
Otherwise, give your gallery a fixed height, e.g.:

simpleviewer.load("sv-container", "550px", "600px", "FFFFFF", true);
Steven Speirs
SimpleViewer Support Team