Phumelela Mdluli

Simple .JQuery Slideshow

Converse Logo Converse Logo Thumbnail
Converse Img 1 Converse Img 1 Thumbnail
Converse Img 2 Converse Img 2 Thumbnail
Converse Img 3 Converse Img 3 Thumbnail
Converse Img 4 Converse Img 4 Thumbnail
Converse Img 5 Converse Img 5 Thumbnail
Converse Img 6 Converse Img 6 Thumbnail
Converse Img 7 Converse Img 7 Thumbnail
jquery photo gallery

Creating Your Own .JQuery Slideshow

  1. Use resources provided by Professor Pak, Min to locate your favorite jQuery plugin online.
  2. Choose whether to style inline, internal, or external.
  3. Add <script> tags to the <head> of the document with the jQuery.js links.
  4. Add a div tag with an id of "slideshow" or some other memorable tag for your slideshow.
  5. Add one or more img tags inside the slideshow div. This is where you will insert links to your images.
  6. Modify/Add script that controls your picture gallery.
  7. Load page, and see your results.