AJAX content

Highslide's AJAX engine lets you put your content in a separate file and display it within a Highslide popup. If the file is HTML, you can specify a specific id for Highslide to fetch. In this case, the id intro was fetched.

To see the source of the linked AJAX file, right click on the anchor link that you clicked to open this popup, then choose Open in new window.

Highslide caches the AJAX content upon page load, so that it sits ready to display instantly when the user clicks the thumbnail or link.

Dynamic content

Highslide HTML allows the popup size to be recalculated after the content has been changed, either through internal scripts or through external AJAX calls.

This example also has hs.preserveContent set to true. Try updating the content and move the popup, then close it and open it again.

Read more

Header for div3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.

Header for div4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.