Home / Premium Pro Plugins / jSimplePresentation


1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


This merchandise represents a brand new imaginative and prescient of a slideshow, supplied as a jQuery plugin.
A few of doable makes use of :

  • To make use of it as an alternative of powerpoint so as to current your concepts
  • To promote a product, an internet site, …
  • To make an HTML designed ebook
  • and many others, and many others.


  • In a position to make use of different plugins as well as of this one
  • In a position to load limitless variety of pages
  • It might incorporates what you need (a web page is an easy div)
  • The pages (middle of the web page) are mechanically resized with the browser
  • Absolutely and simply customizable
  • Very simple to make use of
  • Keyboard navigation (RIGHT / LEFT / SPACE / L)
  • Slideshow possibility
  • Autoplay possibility
  • Loop possibility
  • Picture preloading possibility
  • Go to a sure web page (with secured enter management)
  • W3C Legitimate
  • Works on iOS (iPhone / iPad) and definitely on Android
  • Three themes included (gray, blue, orange)
  • four transition presets
  • You’ll be able to write your individual transition with a easy operate within the plugin name
  • Transitions will be completely different for the following and former actions
  • Nicely commented (most actions within the code comprise feedback)

use it

JS – Syntax

    autoplay: boolean,
    loop: boolean,
    intervalTime: integer,
    preloading: boolean,
    transitionFct: operate

JS – Instance with a preset transition

var transitionFunction = operate(elt, supply, transitionTime) 
    Transition.opacity(elt, supply, transitionTime);

    autoplay: false,
    loop: false,
    intervalTime: 2000,
    preloading: false,
    transitionFct: transitionFunction

JS – Instance with a transition we write

var transitionFunction = operate(elt, supply, transitionTime) 
    elt.css("opacity", "zero");

    // If we will the following web page
    if (supply == "RIGHT") 
        elt.css("marginLeft", "100%");
            "opacity": 1,
            "marginLeft": "0px" 
        , transitionTime);
        elt.css("marginRight", "100%");
            "opacity": 1,
            "marginRight": "0px" 
        , transitionTime);

$presentation = $(doc).simplePresentation(
    autoplay: false,
    loop: false,
    intervalTime: 4000,
    preloading: true,
    transitionFct: transitionFunction


<div id="container">
    <div id="page1">
    <div id="page2">

Every div with id=”pageX” characterize a web page.

Every pages will need to have an id that begins with “web page”.

Appropriate browsers

This merchandise works with the next browsers :

  • Firefox four+
  • IE7+ (makes use of a separated css stylesheet for IE lower than V.9)
  • Opera
  • Chrome
  • Safari


Check Also


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...


Instadraw – Android Drawing App Template

DOWNLOAD Instadraw – Android Drawing App Template This app has fantastically crafted easy & minimalist ...