Topic: Background image?

i added     
backgroundURL ="back.jpg"   
to my xml file, but the index page is still loading to its set background color.  Is there anything i need to add to the index file or the css?  in the xml file, i cant tell it to repeat the background image, or can i?
thnaks!

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

The URL for the background image can be either absolute (in the form 'http://www.example.com/gallery/image.jpg') or relative to the index HTML page so, in your case, make sure that your 'back.jpg' image is in the same directory alongside the index HTML page.

If you wish to have the background image repeat itself, you could set the background via CSS and set the gallery background to transparent, eg. use this in the CSS:

body {
  background-image: url('back.jpg');
  background-repeat: repeat;
}

... and this for the embedding code:

SV.simpleviewer.load('sv-container', '100%', '100%', 'transparent', true);
Steven Speirs
SimpleViewer Support Team.

Re: Background image?

thanks for the reply!
I set the embed code to
SV.simpleviewer.load("sv-container", "100%", "100%", "transparent', true); });

and now i finally get my image, but that's it.  the slide show no longer appears.
that is the transparent setting yes?  Not possible to place the background image in the embed code?

I have the css set in th index file, but is that not the correct place?  Do i need to set the background image in the XML and or simpleviewer css??

thanks again!

my current index page looks 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>Burlesque Picture Gallery &lt;br>Page 1</title>
        <style type="text/css" media="screen"><!--body {
  background-image: url('images/bk.jpg');
  background-repeat: repeat;
}--></style>
    </head>

<body>
    <!--START SIMPLEVIEWER EMBED -->
    <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        SV.simpleviewer.load('sv-container', '100%', '100%', '333333', true);
    });
    </script>
    <div id="sv-container"></div>
    <!--END SIMPLEVIEWER EMBED -->
   
</body>
</html>

if i change the "333333" to "transparent", i either get a blue screen with a slideshow, or just my image and no slide show.

Last edited by jgcalifornia (2010-11-15 16:50:57)

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Either use the 'backgroundURL' option in the XML file OR set the background via CSS and use 'transparent' in the 'SV.simpleviewer.load line' (which would be the only way to have your background image repeat).
No matter which method you use, make sure that the path leads to the background image.

If you still have problems, please post a URL to your gallery.

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

The XML gallery is set to the code below.
and again, does not display the image.  it displays the color 333333.



<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery
    backgroundURL ="images/bk.jpg"   
    resizeOnImport="true"
    useFlickr="false"
    cropToFit="false"
    backgroundColor="333333"
    title="Picture Gallery &lt;br>Page 1"
    galleryStyle="MODERN"
    thumbPosition="BOTTOM"
    frameWidth="2"
    frameColor="CCCCCC"
    textColor="FFFFFF"
    thumbColumns="15"
    thumbRows="1"

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Please post a URL to your gallery.

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

Like i mentioned, the path to the image is correct, because i am able to see the image.

screenshot-
http://s91.photobucket.com/albums/k309/ … =pic-1.jpg

Last edited by jgcalifornia (2010-11-16 01:25:57)

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

the Gallery is currently not up, being that it doesnt look right.  Did u look at the screen shots?

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Here's a test gallery for you to have a look at.
It is essentially the SimpleViewer Standard 'web' folder with only the 'index.html' page modified.
All that has been changed is the <style> entry in the <head> and 'transparent' rather than a hex color in the embedding code.
The code for the 'index.html' file is:

<!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">
    <style type="text/css">
    body {
        background-image: url('images/wide.jpg');
        background-repeat: repeat;
    }
    </style>
    <title>SimpleViewer Gallery</title>
</head>
<body>
    
    <!--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%', 'transparent', true);
    });
    </script>
    <div id="sv-container"></div>
    <!-- END SIMPLEVIEWER EMBED -->

</body>
</html>
Steven Speirs
SimpleViewer Support Team.

Re: Background image?

Steven, im sorry, but the linnk does not work for me to see your test gallery.  just a blank white page thats "loading".

Im not sure I follow what your saying, in reference to the code i had pasted for you.  When you say the "simpleviewer standard web folder", im not sure what else you could be saying, other than the folder everything relevant to my sideshow is.

If your saying that only the index page can be modified, why then would i use the XML page to insert my background image.
and why would i edit the embed code.  Maybe you could be more specific?

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

You have 2 options to set a background image:

(1) use backgroundURL (in the XML file) for SimpleViewer to display the image using Flash

OR

(2) use CSS to set a background image (in the HTML file) and set the 'background color' to 'transparent' in the embed code (so that the image shines through)

Either option will set a background image.
Only option (2) will allow for a background image to be repeated.

Take a look in your SimpleViewer download zip file and you'll see a folder named 'web'.  This is a basic self-contained gallery.
I used this as a base for the test gallery and the only file I modified was 'index.html'.
I added the <style> section to set the background image and changed the 'background color from '222222' to 'transparent'.

My test gallery/link works fine (just checked it in 2 browsers).
If you cannot view this gallery, then there may be another underlying problem that is masking the background image issue.

If you could post a URL to a gallery, I could tell you whether it works for me or not and, if not, I could probably pinpoint the problem.

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

i literally copied your above code, and pasted in into mine.  Now i get a bright green background.
heres what i get now-

http://s91.photobucket.com/albums/k309/ … -green.jpg



usong the exact code you gave me in the example.  i just changed the name of my backgrounf image to: bk.jpg

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Sorry, the code I posted is for the current version (v2.1.1).
It looks like you are using v2.0.3, in which case try 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">
    <style type="text/css">
    body {
        background-image: url('images/wide.jpg');
        background-repeat: repeat;
    }
    </style>
    <title>SimpleViewer Gallery</title>
</head>
<body>
    
    <!--START SIMPLEVIEWER EMBED.-->
    <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    var params = {};
    params.wmode = "transparent";
    $(document).ready(function () {
        SV.simpleviewer.load('sv-container', '100%', '100%', '222222', true, null, params);
    });
    </script>
    <div id="sv-container"></div>
    <!-- END SIMPLEVIEWER EMBED -->

</body>
</html>
Steven Speirs
SimpleViewer Support Team.

Re: Background image?

Steven-you did it.  Oy, what a run..!!

I was so frustrated because i knew i triple checked your code and mine, and could not find a problem to save my life!!
Anyways, I am so sorry if i posted in the wrong place, or i should have stated my version...
i really appreciate your help!!


wink

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

i still want to view your test gallery, I tried 2 browsers, not working.

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

The test gallery (link in this post) is still working fine.  Just tested in Firefox, IE, Safari and Chrome.
If you want to replicate it, download SimpleViewer Standard version from this page, unzip the package, go into the 'simpleviewer_211/web/' folder, open 'index.html' in a text editor and replace the entire text with the code I posted above in the same post as the link.
Now open 'index.html' in a browser. That's the test gallery I uploaded.

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

ok, got it.  blue, leaves, flowers.
thank you.

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Steven, is it possible to have a separate slide show, open up from an external link, but on the same page?

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Do you mean to have two separate SimpleViewer galleries on one page?
If so, the easiest method would be to load each gallery into a separate iframe as described here:
http://simpleviewer.net/simpleviewer/su … l#external
That way, the galleries are kept separate and can easily be modified independently of each other (eg by using svBuilder-Pro).
Give each <iframe> a unique 'id' and 'name', eg.

<iframe src="mygalleryfolder/index.html" width="800" height="600" frameborder="0" scrolling="no" id="gallery1" name="gallery1"></iframe>

... and you can link directly to the gallery using a URL such as http://www.example.com/iframe_page.html#gallery1

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

hiya, thanks for replying!
No, sorry i wasn't clear.  Imagine a web page with lets say 30 thumbs.  Each thumb you click on will open in a new window, and play the slideshow. (each clickable thumb, would play a different slideshow). 

Would I need a separate SV folder for each page?

On a separate note, i just loaded all the files to my server, and nothing displays but the background image.  Locally Im good, but tried 2 different servers, and no slideshow.  ;(

Last edited by jgcalifornia (2010-11-17 01:47:48)

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

Each gallery would need its own HTML file (into which the gallery would be embedded) and XML file (to specify the gallery layout and list the images).
However, all the galleries could share a single 'svcore' folder: http://simpleviewer.net/simpleviewer/su … tml#svcore

(The web page with the 30 thumbs would have to be created manually using <img> tags.  You could use a SimpleViewer gallery as the menu system but you'd have to use links in captions as you cannot associate individual links to the thumbnails themselves.)

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

On a separate note, i just loaded all the files to my server, and nothing displays but the background image.  Locally Im good, but tried 2 different servers, and no slideshow.  ;(

Have a look to see if these FAQs help:
http://simpleviewer.net/simpleviewer/su … #trouble_2
http://simpleviewer.net/simpleviewer/su … trouble_12
Failing that, please post a URL to the gallery.

Steven Speirs
SimpleViewer Support Team.

Re: Background image?

The index page with the 30 thumbs is already made and ready to go.  When you say
"you cannot associate individual links to the thumbnails themselves.",

so I cannot link the entire slideshow page to one of the 30 images i have?

Pro Version. v2.1.3
Mac OSX 10.6.8

Re: Background image?

You cannot link a thumbnail in a SimpleViewer gallery to a web page (you'd need to use a link in a caption).
There is no such restriction to a standard image in a web page. Just use something like:

<a href="gallery_index_page.html" target="_blank"><img src="thumbnail.jpg" width="75" height="75" /></a>
Steven Speirs
SimpleViewer Support Team.

Re: Background image?

ya, i wasnt referring to a link inside the SVgallery. 
i was referring to one of my own images totally separate from the gallery on its own index page, and wanting to link that image to the SV gallery.

Pro Version. v2.1.3
Mac OSX 10.6.8