PictureSlides plugin released for DOMAssistant

We have just released a PictureSlides plugin for DOMAssistant, with which you can create picture slideshows, image presentations and also complete picture galleries.

Two years ago, I created JaS – JavaScript slides to offer this functionality to people. Since then, it has been widely popular and I got continuous requests about new features. Four things that held me back with JaS was that required every large image to be loaded before the document could be used, it wasn’t based on a more solid architecture, it was by default inaccessible without JavaScript (you could create fallbacks, but as well all know, most people don’t), and it just wasn’t customizable enough.

I wanted to improve on this and instead use links, texts, images from the existing HTML code instead, to make it into a much better approach. Naturally, the JavaScript only way is still supported, if you, for instance, want a slideshow to start playing when the web page loads.

Another motivating factor was to make it easier to just turn on or off the features people wanted to use, and add things like autoplay at load, looping slideshows, optional preloading of images, separating thumbnail images from large images etc.

All the features can now be controlled from a separate settings file, while the core PictureSlides takes care of the functionality itself. Features include:

  • Have slideshows start at page load.
  • Automatically loop slideshows.
  • Use a Lightbox-like feature to dim out the rest of the page during slideshows.
  • Fade ins and fade outs.
  • Optionally preload all the images, to improve end user experience.
  • Programmatically choose what images to start with; for instance, taken from the requesting URL to the page using PictureSlides.
  • Use keyboard shortcut support.
  • Use back and forward navigation links.
  • Presenting a text next to the picture.
  • Use an image counter.

Downloads and demos

But, nothing says it better than you trying out one of the demos, complete with downloadable packages that you can just take and use. The demos are:

The source code to download is available through Google code, where you can report any potential issue or just download the latest versions of the files.

Try it out and let me know what you think!

Posted in Developing,DOMAssistant,JavaScript,Technology |

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>