• Registered: 2011-11-24
  • Posts: 6

Topic: Main image not showing up in some browsers

My thumbnails are showing up, but not my main image in some browsers. This might be a size issue since the image shows up when I'm looking at the page on my 27" imac, but not when I'm viewing the page from my 13" laptop (both viewing in Safari), neither do the main images show up when viewing it from my work computer (PC, Firefox).

Url: http://www.bobscottartwork.ca - Images aren't showing up for any of the galleries

I'm using svbuilder to build my simple viewer scripts which are all:

<!--START SIMPLEVIEWER EMBED.-->
                                <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
                                <script type="text/javascript">
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true );
});
                              </script>
                            </div>
                            <div id="sv-container"></div>
                            <p align="center">
  <!-- END SIMPLEVIEWER EMBED -->

I recently re-did the site. The old site had no problem with simple viewer so I don't think it's the sv script, it's more possible it's something on my site, so you may have to View Source to see? I don't know...! Thanks

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

Re: Main image not showing up in some browsers

The image area in your gallery is very small due to the container the gallery is in not being tall enough to accommodate both the thumbnails and main image.
Increase the height of the gallery's parent container via CSS.
This FAQ may also help: http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-24
  • Posts: 6

Re: Main image not showing up in some browsers

Steven Speirs wrote:

The image area in your gallery is very small due to the container the gallery is in not being tall enough to accommodate both the thumbnails and main image.
Increase the height of the gallery's parent container via CSS.
This FAQ may also help: http://simpleviewer.net/simpleviewer/su … ml#embed_7

I'm not sure I understand the FAQ. I'm not sure where I have, or would find, the index.html file that comes in the SimpleViewer download. Do you know offhand of any sites where I could look at their source code for an example of adjusting the heights?

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

Re: Main image not showing up in some browsers

I'm not sure where I have, or would find, the index.html file that comes in the SimpleViewer download.

Once you unzip the 'simpleviewer.zip' download package, the 'index.html' file can be found in this location: 'simpleviewer_220/web/index.html'.

Your HTML page currently has the following code:

<div id="mainContent"><!-- InstanceBeginEditable name="EditRegion3" -->
 <div align="center"><span class="style8">Artwork for sale:</span>

Change this to:

<div id="mainContent"><!-- InstanceBeginEditable name="EditRegion3" -->
 <div id="inner" align="center"><span class="style8">Artwork for sale:</span>

... and add the following to your page's <head> section:

<style type="text/css">
body, html {
    height: 100%;
    }
#container {
    height: 100%;
    }
#mainContent {
    height: 100%;
    }
#inner {
    height: 100%;
    }
</style>

It may not be a suitable layout for your page but at least your gallery should be displayed larger with enough space for the main image to be visible.
Try changing the heights of the containers (they can be percentages of the heights of parent containers or absolute pixel values, eg. '800px') to find a suitable layout for your page.

Also, I notice that you are using SimpleViewer v2.1.1.
Try upgrading SimpleViewer to the current version v2.2.0 as several bugs have been fixed (including layout bugs) since v2.1.1.
Please see the 'SimpleViewer Version History' for details: http://simpleviewer.net/simpleviewer/history.html
The current version of SimpleViewer-Standard can be downloaded from the 'Download' button on this page: http://simpleviewer.net/simpleviewer/
Instructions for 'Upgrading SimpleViewer' can be found on this page: http://simpleviewer.net/simpleviewer/su … grade.html

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-24
  • Posts: 6

Re: Main image not showing up in some browsers

I did all that. I upgraded, I changed the heads to say 100%, and the only thing that's changed is now the gallery I can see has a ridiculous and pointless 3" of whitespace above the main image (ie: http://www.bobscottartwork.ca/pics/CORK … deco.html) ...and still only thumbnails on the smaller macbook screen.

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

Re: Main image not showing up in some browsers

I upgraded, I changed the heads to say 100%, and the only thing that's changed is now the gallery I can see has a ridiculous and pointless 3" of whitespace above the main image

With your page as it currently is, try simply changing the dimensions of the gallery in the embedding code from percentages to absolute pixel values.
Try changing:

simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true);

... to:

simpleviewer.load("sv-container", "800", "600", "FFFFFF", true);

and still only thumbnails on the smaller macbook screen.

This sounds like the Mobile Player.
Please see these FAQs for details:
http://simpleviewer.net/simpleviewer/su … trouble_14
http://simpleviewer.net/simpleviewer/su … l#mobile_1

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-24
  • Posts: 6

Re: Main image not showing up in some browsers

Thanks, I resized the gallery.

My macbook has latest flash installed so I don't think those mobile FAQs apply.

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

Re: Main image not showing up in some browsers

Could you perhaps clear your Macbook browser's cache, reload the gallery and take (and upload) a screenshot so that I can see what you are seeing?
Thank you.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-24
  • Posts: 6

Re: Main image not showing up in some browsers

Steven Speirs wrote:

Could you perhaps clear your Macbook browser's cache, reload the gallery and take (and upload) a screenshot so that I can see what you are seeing?
Thank you.

Okay, here's a screenshot of how it looks on my macbook (and how it looks when I'm using my work PC): http://i44.tinypic.com/jg5wtz.jpg

This is how it should look, and does look on my imac: http://i42.tinypic.com/9u12mh.jpg
Even making the imac's browser screen smaller, the image still appears as it should with scrollbars: http://i40.tinypic.com/10qw1eb.jpg

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

Re: Main image not showing up in some browsers

Thanks, I resized the gallery.

The gallery at http://www.bobscottartwork.ca/pics/PAIN … tikis.html (whose screenshots you posted) still uses SimpleViewer v2.1.1 and has gallery dimensions of 100% x 100%.
Please try upgrading to the most recent version of SimpleViewer (v2.2.0) and change the gallery's dimensions to absolute pixel values.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-24
  • Posts: 6

Re: Main image not showing up in some browsers

Steven Speirs wrote:

Thanks, I resized the gallery.

The gallery at http://www.bobscottartwork.ca/pics/PAIN … tikis.html (whose screenshots you posted) still uses SimpleViewer v2.1.1 and has gallery dimensions of 100% x 100%.
Please try upgrading to the most recent version of SimpleViewer (v2.2.0) and change the gallery's dimensions to absolute pixel values.

Yeah, we've already been through this. I upgraded to Simpleviewer v2.2.0. After upgrading, I used svbuilder to re-do the gallery on this page http://bobscottartwork.ca/pics/CORK%20D … /deco.html and the only thing that changed was the 3" of whitespace above the main image on my imac, but the main image still didn't show on my macbook. So I resized the gallery to "800" and "600". That still didn't solve my initial problem of not seeing the main image. It only gave me more work. So instead of going back and re-doing and resizing the script for every gallery on every page ... and still not be able to see it on all computers and browsers... I left the rest of the galleries as is with v2.1.1.

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

Re: Main image not showing up in some browsers

Apologies for going over the same ground but I gave two suggestions and the screenshots referred to a gallery in which neither of the suggestions had been implemented when I checked it out earlier.
My suggestion to upgrade SimpleViewer from v2.1.1 to v2.2.0 was to eliminate known layout problems in earlier versions which have now been fixed.

So I resized the gallery to "800" and "600". That still didn't solve my initial problem of not seeing the main image.

Using your 'deco.html' file, I have changed only the gallery's dimensions from 90% x 90% to 800 x 600 and a test gallery is displayed on the page correctly (without 3" of white space above the gallery) on my computer in Firefox 8.0.1, Safari 5.1.1, IE9 and Chrome 15.
I notice there are also some HTML errors on your page which might account for the page being rendered differently in different browsers. Try validating the page with the W3C Markup Validation Service and fix the errors reported.

Steven Speirs
SimpleViewer Support Team