Highslide JS

• Highslide JS home page
• Documentation
• Full API reference
• More samples at www.roadrash.no

Barebones samples

Go to one of these examples and modify the code to suit your needs:

Highslide JS core

• White 10px border and drop shadow
• Drop shadow and no border, semi transparent close button
• White outline with rounded corners
• Dark design with outer glow
• No graphic outline
• Image map with heading from the title tag

With Gallery

• Gallery example with white design
• Gallery example with dark design
• Mini gallery hidden under one thumbnail, dimming page background
• Two mini galleries on the same page
• Controls in the heading
• No border and a floating caption
• Images within a fixed size restraining box
• Vertical thumbstrip to the left, no border
• Horizontal thumbstrip at the bottom, white rounded style
• Thumbstrip above the image, subsequent thumbnails hidden
• Floating thumbstrip to the right
• Gallery in the parent page without Highslide popping up at all. (Note: This example can not be set up in the Highslide Editor)

With HTML

• Inline content with wrapper
• Open HTML-content

  Lorem ipsum

  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.
• Inline content with wrapper and headline
• Open HTML-content
  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.
• AJAX content
• AJAX requesting the body of a HTML page, click here.
  AJAX requesting a specific id in an external HTML page, intro, div3.
• Iframed content
• Content in iframe2 
• YouTube content
• Display YouTube movie
• Full inline content without self rendering wrapper
• HTML content
  • Move
  • Close

  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.

Display YouTube movie