Web Design and Site Management

Samples

Image Gallery

Full side images are displayed by clicking on a thumbnail. To move to the next image you must click on the thumbnail. There is no automatic preview or advance button.

 

Image Panels

Overview


The Panel Slide Show lets you present some or all of your Web page content in a logically structured, engaging, and compact format. You can, for instance, display product facts, multi-part forms, or multi-step tutorials, in logical chunks—and in a unique and visually engaging way. The navigation bar quickly identifies major sections and minimizes page scrolling by keeping more information above the fold.

Websites that use Image Panels
Home
About Us

Clients that use Image Panels:
MindeaSpine.com

Features

  • Unlimited number of content panels
  • Each panel can have an additional sub-content block that can be displayed in a sidebar or anywhere on your page
  • Navigation bar supports links to external pages, as well as to content panels
  • Choose which panel shows on page load
  • Choose from 2 glide animations or a fade
  • Supports URL parameters to open a specific content panel from an external link
  • 6 standard themes

Each slide can have unique text, images, and links placed in this sidebar section. Notice how the information in the sidebar location changes as you move from slide to slide.

Browser Support

Pacific Ocean

The Panel Slide Show is fully functional in all modern browsers for Windows, Mac, and Linux operating systems.

It degrades gracefully in older browsers.

 

Sidebar

Images can be added to the sidebar. The Image can be a link as well. The side bar displays something different for each panel.

Gallery
Click here for larger image

GPM-01
GPM-02
GPM-03
GPM-04
GPM-05
GPM-06

Custom color themes availabe upon request.

Contact Us for a Quotation

New Web Site Request Form

 

Slide Shows

Slide Shows are a nice way to display photos as well as product information. This format could also be used as a testimonial page.   The working sample below allows text and links to appear on each of the slide pages.

This slide show is set to automatically start in 10 seconds.

 
Move
SSM-4
Set Two
  • SSM-4
  • SSM-4a
    SSM-04 - Light Control Panel
    The Thumbnail panel can be moved around by clicking and dragging the snowflake on the top bar.
  • SSM-4b
    SSM-04 - Light Control Panel
    A drop down menu can be seen by clicking on the 6 little squares on the control planel.
  • SSM-5
    SSM-05 - Dark Control Panel
  • SSM-5a
    SSM-05 - Dark Control Panel
    Thumbnails can be arranged in sets to help organize your slides.

Set One
  • SSM-6
    SSM-06 - Stand-alone
    Slide Shows can be inserted any where on your Web page or be used as a stand-alone Web page.
  • SSM-1
    SSM-01 - Shadow Box Control Panel
  • SSM-2
    SSM-02 - Shadow Box Control Panel
  • SSM-3
    SSM-03 - Shadow Box Control Panel

SSM-4
 
 


Dropdown Memu imageThe drop-down menu and Thumbnail Menu imagethumbnail image menu box can be turned on or off by clicking the respective images on the slide show header. Start Button Click the Start and pause button to see more samples.

Thumbnail Menu Pallet To go directly to an image you can use the Thumbnail Menu pallet. Several sets of images can be used to further organize your slide show.  The Thumbnail pallet can be moved around your page by clicking on the star and dragging the pallet to the desired location.


The slider bar Slider Barallows users to set the speed of the auto slide change.

When the slide show is running in automatic mode, the system will preload the next image as the current one is being shown, providing a seamless experience in most cases.

Your images are never distorted in any way. Original aspect ratios are always preserved. Use both landscape and portrait images in the same slide show.

Transparent Slide Show...

How to start this slide show sample

  1. Hover your mouse over one of the small images below to see a larger thumbnail.
  2. Click on any image to start the slide show.
  3. The slide show will begine on with the image you selected.
  4. Each slide will demonstrate what this Transparent Slice show can do.
  • Slide 1
    The Transparent Slide Show can be inserted anywhere on your page and you can have as many Transparent Slide Shows as you want—each configured and styled uniquely.
  • How it Works
    Slides can be either taxy or images.
  • Slide 2
    Transparent Slide Show supports both image slides and content slides.
  • Slide 3
    Links to other slide shows as well as external pages can be placed in this area.

    Click here to visit the DSFCA Web site and see an example of how this Slide Show is used with in a menu panel. Click on the [Show Photo] link to open slide show.
  • Slide 4
  • Slide 5
  • Details
  • Slide 6
  • Slide 7
  • RedFlrs7
  • Slide 8
  • Specifications
  • LSM-01 Ivory
    Theme Color Sample
  • LSM-02 Carbon
    Theme Color Sample
  • LSM-03 Dijon
    Theme Color Sample
  • LSM-04 Greystone
    Theme Color Sample
  • LSM-05 Oak
    Theme Color Sample
  • LSM-06 Teal
    Theme Color Sample
 

How It Works

  • To advance to the next box click the VCR controls VCR in the header or press your Space Bar
  • You can move forward or backward with the Left Arrow, Right Arrow, Page Up and Page Down and Up keys
  • The "P" key toggles the Pause and Play mode
  • The "T" key toggles the Table of Contents on or off. Or you can click on the TOC button TOC Buttonin the header.
  • To close the presentation press "X", "ESC", click the close button Close Buttonor click off to the side of the presentation box
  • Use the "H" key to toggle the Help screen or click on th Help button Help Button

Benefits

  • You can create multiple Transparent slide Shows on a single page
  • They support keyboard navigation
  • Has a Table of Contents and a User Help box
  • Can display images and content
  • Can be used anywhare on your page
  • Thumbnails and content trigger links will conform to the dimensions of your insertion container in a perfect matrix
  • You can choose from several slide animations
  • You can add captions and additional descriptions
  • Offers several Play Modes
    • Auto Play mode - works like a slide show
    • Loop or to stop an the last slide
    • You can even set one Transparent Slide Show on your page to advance to another Transparent Slide Show on the same page
  • Six standard style themes - Each Transparent Slide Show on your page can be a different theme and you can change themes at any time

Browser Support

Transparent Slide Show supports Firefox, Opera, Safari, IE6, IE7 (and higher)

Older browsers degrade gracefully. Content Slides appear inline in the page and image thumbnails link to their associated full-size versions.

LSM-01

LSM-02

LSM-03

LSM-04

LSM-05

LSM-06

Instructions

  • To advance to the next box click the VCR controls VCR in the header or press your Space Bar
  • You can move forward or backward with the Left Arrow, Right Arrow, Page Up and Page Down and Up keys
  • The "P" key toggles the Pause and Play mode
  • The "T" key toggles the Table of Contents on or off. Or you can click on the TOC button TOC Buttonin the header.
  • To close the presentation press "X", "ESC", click the close button Close Buttonor click off to the side of the presentation box
  • Use the "H" key to toggle the Help screen or click on th Help button Help Button