Hey!, im trying to put some text in the gallery and title by adding in xml code:
<div id="footer">
<p></p>
<p></p>
</div>
But changes are not shown, i have tryed erasing cache and cookies from safari, but nothing
I also tryed to put a new div called footer to complete the instruction and nothing:
#footer {
width: 100%;
height: 40px;
}
Reduce the height of the #flashcontent <div> in the gallery's 'index.html' page to make room for your footer.
By default, it takes up 100% of the browser window height:
#flashcontent {
height: 100%;
}
Try changing the '100%' entry in the code above to either a smaller percentage or an absolute pixel value.
One more question, how ca i add a static Title over the gallery?
You could add a header to your page similar to your footer.
Otherwise, if you want to overlay text on top of your gallery, you could add code such as the following to the <body> section of your gallery's 'index.html' page (changing the values as required):
<div id="overlay" style="position: absolute; top: 10px; left: 10px; font-size: 40px; font-family: Verdana;">Text goes here</div>
In order for this to work, you will need to make your gallery's background transparent by following the instructions here.
EDIT:If this is not the issue, then how can i change the background of the gallery and embbed a new one to replace the original?.
By making the background transparent (as above), any background set via CSS on your HTML page will shine through.
For example, if you wanted to have an image as your background, you could use something like the following code in the <head> section of your gallery's 'index.html' page:
<style type="text/css">
body {
background-image: url: ('images/background.jpg');
}
</style>
For further information on the use of the CSS 'background-image' property, please see here.
The fullscreen button gallery does not appear, i kinda liked it...
Make sure that you are using the latest version of TiltViewer-Pro (v1.3.2) and check that you have the following two lines in your gallery's embedding code:
fo.addVariable("showFullscreenOption", "true");
fo.addParam("allowFullScreen","true");
Steven Speirs
SimpleViewer Support Team