← Back to the SimpleViewer main page

On this page you can see that it's also possible to show a SimpleViewer gallery within a normal webpage. The trick is to use iframes. Here is a coding example:

<iframe src="mygallery/index.html"
        width="780" height="600"
        name ="gallery"
        marginwidth="0" marginheight="0"
        scrolling="no" frameborder="0">
</iframe>
The advantage is that you can keep page headers and navigation bars intact. But pay attention to the size of the iframe. If it's too small your image quality will suffer due to the automatic downsampling.

Example 1 • Example 2 • Example 3



Note that there is a bug in IE when you use an iframe together with a Microsoft CSS filter on the body element (page background). You will notice the effect when you scroll down and the iframe won't scroll but gets overlayed with the page content. Just remove the Microsoft filter from your CSS file and it will work again.

Update Sept. 2006

SimpleViewer v1.8 offers better page integration than older versions. You can copy a small Javascript code into your original page or you embed the Flash code directy. Check the SimpleViewer FAQ for detailed descriptions (paragraph 11 and 25).


← Back to the SimpleViewer main page