• Registered: 2013-10-06
  • Posts: 3

Topic: visible first only the Background image?

Hello,
I use the svBuilder Pro V2.3.1
I added a background image. My question is whether it is possible just the thumbs are displayed at the start of the page. As the startup screen only the background image to be visible and the thumbs. The first image is displayed after one click. Is this possible. If so, how can this be implemented.

greeting
erich

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

Re: visible first only the Background image?

If you want only the thumbnails to be displayed (and for the main image to be displayed only when the user selects a thumbnail), then you would need to use the Mobile Player version of the gallery (rather than the Flash Player).
Set the useFlash Embed Code Parameter to 'false' in your gallery's embedding code (or deselect the 'Use Flash' checkbox in svBuilder-Pro's 'Customize -> Embed Options' section).

The Mobile Player does not support the Background Image configuration options so you will need to make your gallery's background transparent (following the instructions here) and set your background image using CSS in the web page containing your gallery. Please see here for details.

Your gallery's 'index.html' page might look something like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>SimpleViewer-Pro Gallery</title>
    <style type="text/css">
        body {
            background-image: url('images/wide.jpg');
        }
    </style>
</head>
<body>
    <!--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', false);
    });
    </script>
    <div id="sv-container"></div>
    <!-- END SIMPLEVIEWER EMBED -->
</body>
</html>
Steven Speirs
SimpleViewer Support Team