My Highslide JS sample/demo pages are old, but I’ve decided to let them stay online.
There’s no longer active support for Highslide JS, but you can follow the steps in the support section to get answers to your questions.
Highslide JS Sample Pages
Gallery Samples
- Open mini gallery from text link
- Open two mini galleries from text links
- Numbers, text and controls in heading
- Custom controls
- Custom text controls
- Gallery with useBox – larger image onImageClick
- Gallery with large controls in heading
- Image map with mini galleries and single image
- Image map with mini galleries
- Image with Move/Print/Close text in heading
- 3 mini galleries in same page
- 3 galleries – mixed images and swf
- 3 galleries with thumbstrip above
- 4 galleries with floating thumbs
- 4 galleries with horizontal thumbstrip
- Rightpanel thumbstrip – next image onImageClick
- Horizontal thumbstrip – next image onImageClick
- Thumbstrip below with large rightpanel caption
- Image map with horizontal thumbstrip
- Gallery with thumbstrip to the left of the large image
- Thumbstrip gallery – text below and in rightpanel
- Thumbstrip gallery with customized caption, heading and controls
- 3 galleries in-page
- In-page gallery + regular gallery with focus mod and dynamic zIndex mod
- In-page gallery with autoplay
- In-page gallery with autoplay – without thumbstrip and controls
- In-page gallery with thumbstrip and caption above the large image
- In-page gallery without thumbstrip and caption + regular gallery – focus mod
- In-page gallery with thumbstrip to the right
- In-page gallery with bottom thumbstrip and link to large image in upper right corner
- In-page gallery with link to large image in caption
- In-page gallery with 3 mini-galleries below
- In-page gallery with thumbstrip below caption
- In-page gallery – click image for larger image
- In-page gallery with custom controls and larger image onImageClick
- In-page gallery with map link in rightpanel caption
- In-page gallery with map in rightpanel caption
- In-page gallery with thumbstrip and caption below + larger image onImageClick
- In-page gallery with leftpanel thumbstrip
- In-page gallery with rightpanel thumbstrip
- In-page gallery with custom controls
HTML/swf samples
- HTML (iframe) with tiny controlbar in heading
- HTML (iframe) with print button
- 2 HTML (iframe) with different close buttons
- Form-submit wiht iframe (regular) in the footer
- Full width HTML (iframe)
- HTML (iframe) – Close button redirects to new page
- HTML (iframe) with image in heading
- HTML (iframe) with innerHTML as text in the heading
- HTML (iframe) with Google Maps
- HTML (iframe) with Google Maps and ‘View large map’ link in the caption
- FlowPlayer inside HTML (iframe)
- Use the YouTube page as url instead of the url from the embed code
- Open YouTube in HTML (swf)
- Open Vimeo video in HTML (swf)
- Open MyVideo in HTML (swf)
- Open Yahoo video in HTML (swf)
- Open MySpace video in HTML (swf)
- Open Google video in HTML (swf)
- Open Dailymotion video in HTML (swf)
- Open JW FLV player in HTML (swf)
- Open HTML with JW FLV player on pageload
- Thumbstrip HTML (swf) gallery
- HTML (swf) with Move/Close buttons in heading
- Thumbstrip gallery with HTML (swf)
Misc. samples
- Different type of HTML (iframe/maincontent) with different look and size
- HTML (ajax) with image popup inside
- 2 HTML (html-content) with different background-color and size
- HTML (html-content) with image popup inside
- Thumbstrip gallery with swf movies
- Thumbstrip gallery opened from text link with YouTube videos
- Thumbstrip gallery opened from text link – mixed YouTube videos and images
- Thumbstrip gallery with Vimeo videos
- Gallery + flash in same page
- Gallery in-page with HTML (ajax) instead of images
- Thumbstrip gallery – mixed flash and images
- HTML (ajax) from thumbs – containing galleries
- HTML (iframe) gallery with controls in heading
- HTML (maincontent) thumbstrip gallery
- HTML (iframe) thumbstrip gallery
- 2 HTML (iframe) with different close buttons
- Image map opening HTML (ajax) with image popup inside (click the red dots)
- Image map opening HTML (ajax)
- Image map opening HTML (maincontent)
- Gallery in-page with swf videos using JW FLV Player
- Gallery – mixed images and JW FLV Player
- 3 galleries in-page + HTML (iframe)
- 3 galleries in-page – each opens from thumbs below the main image
- 3 galleries in-page – each opens from thumbs to the right of the main image
- useBox gallery + HTML (html-content)
- Gallery in-page + 3 thumbstrip mini galleries
- Gallery in-page with images, YouTube video and Google maps
- Gallery in-page with HTML (maincontent)
- Gallery in-page without thumbstrip and controls + gallery with dimmed background
- HTML (ajax) gallery with thumbstrip
- Thumbstrip gallery inside HTML (ajax) – first image onload
- Gallery + HTML (iframe) with different outline graphic
- HTML (iframe) + thumbstrip gallery – different Close buttons
- Mini gallery – mixed images and flash
- Open/close onmouseover/onmouseout + click image for larger version
- Thumbstrip gallery – mixed images, flash and Google maps
- Gallery + HTML (iframe) in the same page
- 3 thumbstrip galleries – opening thumb not included in thumbstrip
- Gallery thumbstrip above + basic dark gallery
- Gallery + text link to gallery in HTML (ajax) popup
- Thumbs opening autoload gallery in HTML (iframe) popup
- Image map wiht both single images and mini galleries
- Gallery thumbstrips below image + rightpanel caption + useBox – mixed image & swf
- Mini galleries with iframe in last popup
- Gallery: HTML content (inline) with thumbstrip and image-map
- 2 thumbstrip galleries opened from text links – the first image in the first gallery is an image-map with onmouseover/onmouseout function
- 3 images with different targets
- Autoload – autoclose
- Iframe in cation – loading icon while the iframe loads
- Close button in custom overlay
- 2 HTML (html-content) with target – one semi-transparent background-color, one with solid background-color
- Custom positioned controls
- Customized print window – image
- Background image in caption
- Long caption vs. ‘read more’ link in caption
- Expand twice – click image for larger version
- HTML (iframe & swf) with target
- 3 level gallery: image – image with rightpanl caption – comment form
- A small javascript function to keep text below the thumbs the same width as the thumb
- Slightly enlarged thumbs on hover (CSS)
- Using PHP script as fallback if javascript is turned off in the browser (right-click the thumb and open in new tab to see the effect)
- Open from/close to the center of the viewport
- Using both thumbs alt & title text in the same caption area
- Different caption position in same page
- Link to two new galleries in overlays in the last image
- Gallery mixed image & flash – flash has full size button in heading
- Play/pause on hover
- Thumbstrip with opacity
- YouTube video embedded in caption
- Alter the zIndex for the controlbar
- Gallery – click on last image goes to new page
- Rightpanel caption with two column and button in bottom right overlay
- Righpanel caption with Goolge maps
- Image with resize handler in bottom right corner
- Opening image using isUnobtrusiveAnchor
- Draggable caption area – right/left panel caption
- Draggable caption area – caption below
- Uses the moveTo function
- Open multiple popups on page load
- Open onmouseover
- Change the expanded image onmouseover
- Onmouseover with offset
- OnSetClickEvent – 2 galleries with slideshowGroup and HTML (iframe)
- OnSetClickEvent – 2 galleries with slideshowGroup, single image and HTML (swf)
- Add an custom overlay based on the anchors class name
- Image print function with some styling of the print page
- Semi transparent popup with semi transparent outline
- Hide the highslide-gallery div when the gallery is open
- Custom position of previous/next buttons
- Text + numbers + control in heading
- Thumbs with/with overlay in upper right corner
- Thumbs with overlay on hover
- Floating heading and caption
- Transparent image popup
- Pointer cursor for link in the heading when using draggable-header/titlebar
- Gallery (in-page) with link with id in caption
- As onmouseover tooltip
- Gallery with spoken comments (mp3) #1
- Gallery with spoken comments (mp3) #2
- Read More button in caption shows text to the right of the image
- Gallery with custom controls with info-button
- Gallery with extra thumbs in caption
– click thumbs to open large images in same popup (not Highslide thumbstrip) - Galleries with music
- flShow Carousel – images
- flShow Carousel – HTML content
- flShow Carousel – YouTube
- jQuery UI tabs – gallery
- ImageFlow v.1.1 – images
- ImageFlow v.1.1 – iframe containing in-page gallery
- ImageFlow v.1.1 – YouTube videos
- ImageFlow v.1.1 – images with link in custom overlay
- ImageFlow v.1.1 – images + Highslide gallery below
- ImageFlow v.1.3 – images
- ImageFlow v.1.3 – inline HTML content
- ImageFlow v.1.3 – iframe content
- ImageFlow v.1.3 – gallery function
- ImageFlow v.1.3 – mini gallery for each image
- jCarousel – gallery without thumbstrip
- jCarousel – gallery with thumbstrip
- jCarousel – two carousels with large image between
- jCarousel – singel images, no gallery functions
- jQuery Cycle plugin – gallery with thumbstrip
- Codaslider – images
- Codaslider + Reflectionjs – images
- Codaslider 2.0 – galleries
- Codaslider 2.0 – galleries with spoken comments in flash player #1
- Codaslider 2.0 – galleries with spoken comments in flash player #2
- jQuery fadeTo thumbs effect – gallery
- StepCarousel – gallery
- wz-Tooltip – text links showing thumbs onmouseover, opening iframe content onclick
- Tooltip function based on jQuery – medium image onmouseover thumb, Highslide gallery onclick
- 3d carousel menu – images
- Slides – gallery with thumbstrip
- SoundManager2 – galleries with thumbstrip
Highslide JS from Highsoft is an open source image, media and gallery viewer written in JavaScript.