WebTools branding banner, with hammer and wrench tools in background

Slideshow

As featured on:

View Sample

Instructions

  1. Download the Slideshow (zip)

Zip file includes:

  • slideshow.html
  • instructions_slideshow.txt
  • CSS folder (1 file)
  • Images folder (3 files)
  • JavaScript folder (1 file)
  • EPS version
  • Illustrator CS4 version
  • PSD CS4 version
  1. Copy the contents of the css, images and javascript folders to the corresponding folders of your site.
  2. Copy the HTML code from slideshow.html to your webpage where you want the slideshow to appear.

    Customize the links and images with your own.
  3. Copy these lines to the head of your webpages. They should appear after the link to scripts.js.

<link rel="stylesheet" href="/css/slideshow.css" media="screen, projection, print, tv" type="text/css" />
<script type="text/javascript" src="/javascript/slideshow.js"></script>

The image was orginally designed using Century Gothic and Arial fonts. Image saved as .png with non-transparent background.

Sample