• Registered: 2011-05-22
  • Posts: 8

Topic: How to us my images as bg

I want to use my background images behind the SV thumbs and large photo.
Where can I put the code to define that?

I have tried using the xparent hack, but it seems sketchy and I'd rather use a
straightforward call to my bg.

Thanks.

Ron

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

Re: How to us my images as bg

To use a background image in the Standard version of SimpleViewer, make your gallery's background transparent and use CSS to set a background image for the 'sv-container' <div>, eg:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "transparent", true);
});
</script>
<div id="sv-container" style="background-image: url('image.jpg');"></div>
<!-- END SIMPLEVIEWER EMBED -->

SimpleViewer Pro users can use the Background Image options found here.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-05-22
  • Posts: 8

Re: How to us my images as bg

Thanks!

One more query.

I want to put all the sv stuff in a directly called "sv," instead of in the root of my html folder.

What files/paths do I need to change, to make sure sv will point to that directly and run
correctly?

Ron

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

Re: How to us my images as bg

Please see the 'Using an External Gallery Folder' section of the 'SimpleViewer Embedding Guide' for details:
http://simpleviewer.net/simpleviewer/su … l#external

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-05-22
  • Posts: 8

Re: How to us my images as bg

Steven -

Thanks.  I finally got it to work!  Weird, tho.  I kept changing the BG to transparent and it caused an error.
I re-pasted the code and replaced the bg color inside quotes and it worked.  Not sure what the problem
was -- but now it looks great!

Thanks for the quick help!

Ron