1 Topic by dlclay (edited by dlclay 2012-04-09 22:32:00)

  • Registered: 2012-04-09
  • Posts: 5

Topic: embedding problems

It used to work for me but now I cannot embed the code and have the gallery viewed in firefox.
I have the gallery elements in a folder called "spring2012"

I have this embed code on an html page:

  <!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="spring2012/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "http://www.checkmateshoes.com/spring2012/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true,{baseURL: 'spring2012/'});
});
</script>
<div id="sv-container"></div>

  <!-- END SIMPLEVIEWER EMBED -->

The gallery at http://www.checkmateshoes.com/gallery.html  shows up in explorer but not in chrome or firefox.
What am I missing?
thanks
Deb

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

Re: embedding problems

Your gallery does display in Firefox and Chrome but with a small height.
Make sure you have set a height for all parent containers of your gallery via CSS.
Please see this FAQ for details: http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team
  • Registered: 2012-04-09
  • Posts: 5

Re: embedding problems

Can you tell me what this is:

#svcp-0-sv-mobile-flash-swf {visibility:hidden}

I found it as an embedded style when I view css on line for the page and yet I cannot find it in my files when I do a search in dreamweaver.

I hate to sound dumb but I will for the sake of fixing this - where would the css code for height and width go and would it be applied to the div called sv-container?

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

Re: embedding problems

It is only the parent containers of the 'sv-container' <div> on the page into which your gallery is embedded that you need to worry about.
Your gallery is nested within <divs> named 'container' and 'mainContent'.
Start by adding the following to the <head> section of your 'gallery.html' page:

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

The heights may not be optimal for your page but the gallery should be displayed larger in Firefox.
You can then tweak the values until you achieve the layout you desire.
CSS heights can be sepcified as percentages (of the parent container) or as absolute pixel values.
Please see here for details: http://www.w3schools.com/cssref/pr_dim_height.asp

Steven Speirs
SimpleViewer Support Team
  • Registered: 2012-04-09
  • Posts: 5

Re: embedding problems

the height coding only made a mess. I went back and checked on another page I did a long time ago and found coding that worked. This is it:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="spring2012/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "http://www.checkmateshoes.com/spring2012/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "600px", "700px", "ffffff", true,{baseURL: 'spring2012/'});
});
</script>
<div id="sv-container"></div>

    <!-- END SIMPLEVIEWER EMBED -->

and it worked!

the big difference was inputting px sizes for width and height
thanks for  your help.

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

Re: embedding problems

Yes. Setting gallery dimensions as absolute pixel values will work. Setting gallery dimensions as percentages (as you originally did) requires that all parent containers have heights specified vis CSS.
I'm glad that you have resolved your problem.

Steven Speirs
SimpleViewer Support Team