Skip to content
Lightweight presentation jQuery plugin - creates click through slides and lists
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
js added whole slide show wrapper for better click coverage Jul 27, 2012


A very lightweight presentation plugin for jQuery


Include script after the jQuery library (unless you are packaging scripts somehow else):

<script src="/path/to/jquery.clickthrough.js"></script>


Create a clickthrough presentation from a collection of HTML elements:


Be sure to include this after your HTML has rendered or inside a $(document).ready(){ ... } wrapper

Clicking on any slide will progress the slide show by either revealing the next list item or next slide depending on where you are in the presentation and whether or not you have set the option to control list items.


Options can be fed into the intitialisation of the plugin, this example shows all options being set:

    'control_lis': true,
    'slide_width': '600px',
    'slide_height': '550px',
    'back_button': true

control_lis : true

Define whether or not list items are to be revealed with each click,

  • elements will then be hidden on load of each slide and revealed with clicks

    slide_width: '600px'

    Simple setting which defines in pixels, ems or percent how wide the wrapper element created by the plugin will be

    slide_height: '550px'

    Again, use pixels, ems or percent to define the height of the wrapper

    back_button: true

    Defines whether or not a back button will be present on screen to step back a whole slide, it will not step back through list items, just whole slides




    Alistair Macdonald

  • You can’t perform that action at this time.