An optional banner on top of the page
Page continues here
Pompous photos presentations and slideshows are the perfect splash screen for your website home page.

This is another example of embedding a pompous photos presentation in a web page.
In Example 1 we showed the recommended way of embedding a presentation, so that it always fits the available window width, and takes as much height as it needs (a vertical scrollbar appears as needed).

In this example we show how to fit both the available window width AND height. It is more complex, as we use a block of Javascript code. People may be viewing your web page on varieties of screen sizes. If the presentation is taller than a given screen size, there will be vertical "bands" on each side, which may not look good. Therefore, we don't recommend this for a home page.

Try to resize the browser window (on a phone, flip it's orientation). The presentation is always fully visible, right?

How to embed your presentation on your web page? You will have to make a copy of this html file into a new web page, and host it on your web site (right-click on this web page on a desktop browser to view and copy the html source code). Then make the following changes: The presentation is embedded in an IFRAME html element, which itself is in a DIV html element. The javascript code on the page ensures that the DIV element is nicely sized at all times to fit both the browser window's width and height. We've set the div's id attribute to "my-pompous-presentation-div", so that we can find it and manipulate it's size in the code below: If you don't see the presentation at all (there is nothing between your "banner" div and the rest of the page), then the JS code is not running, or it's giving an error.