Home / Premium Pro Plugins / jSimplePresentation

jSimplePresentation

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...Loading...



[GET] DOWNLOAD

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.

Options

  • 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

$(doc).simplePresentation(
    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);
;

$(doc).simplePresentation(
    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%");
        elt.animate(
            "opacity": 1,
            "marginLeft": "0px" 
        , transitionTime);
     else 
        elt.css("marginRight", "100%");
        elt.animate(
            "opacity": 1,
            "marginRight": "0px" 
        , transitionTime);
    
;

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

HTML

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

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

DOWNLOAD

Check Also

590x300.jpg

ProxySourcesFinder

DOWNLOAD Description On web you could find tons of sources of proxies however most are ...

inline.jpg

Save the Earth – Addictive Game with AdMob

DOWNLOAD Earth is at risk and it’s your job to put it aside. Asteroids are ...