Support Help, Documentation & Customization

We love feedback. When you buy SlideDeck.js you will have an account created for you to manage your downloads, get invoices and be given access to our support section, powered by ZenDesk. This offers a more robust support solution than what you may have been used to using before.

Most Frequently Asked Questions

What is a SlideDeck skin?

At its core, a SlideDeck skin is nothing more than a CSS file and some images. If you want to make an advanced skin, you can always create a JavaScript file to go along with it as well. If you want to customize your own skin, just check out the comments in the file that comes with the SlideDeck plugin. Keep in mind you will need to know some CSS if you want to get really clever here.

How do I create my own skin for SlideDeck?

A Launchpad Bundle comes with SlideDeck.js. It has everything you need to get started creating your own skins, complete with code examples, design files and documentation.

What type of coding skills do I need to use SlideDeck?

SlideDeck is meant to be very simple to implement. The amount of coding skills required to create a SlideDeck on your website may vary from little to advanced depending on how creative and clever you want to be with your use of SlideDeck. Below is a short list of a few common scenarios:

  • I just want a SlideDeck on my website
    This is very easy to do requiring minimal HTML and JavaScript knowledge. We offer a few example files for SlideDeck that you can copy and paste into your website and start modifying. We have also fully documented all the configuration options available for customizing how users interact with your SlideDeck. Check out our installation guide as well on how to get started.
  • I want a SlideDeck like the one on OpenCandy or Crazy Egg for my website
    These are some great custom SlideDecks created by the community and by our development team here. Setting up the basic vertical interaction is simple with SlideDeck, but the visual appearance and design implementation will take some pretty good CSS skills.

How long does support and upgrades last?

Upgrades last though all minor versions of the plugin. Support is only offered for the latest minor version of the plugin, all previous minor versions are not supported. Once a new major version comes about, no new upgrades will be available without purchasing the latest version.

How do I customize my SlideDeck?

We offer a number of customization options with SlideDeck so you don't have to write a bunch of custom code for common configuration changes. Just pass a JavaScript object to the .slidedeck(); command to customize how your visitors will interact with your SlideDeck.

For example, if you want to make your SlideDeck play automatically, just set the autoPlay option to true and specify how often you want the SlideDeck to slide to the next slide with the autoPlayInterval option:

    autoPlay: true,
    autoPlayInterval: 5000

If you SlideDeck you can also customize what the indexes at the bottom of each slide title bar display instead of just being able to turn them on and off. To do this, you'll pass an array to the index option. If you have more slides in your SlideDeck than indexes specified, it will just start over.

    index: ['a', 'b', 'c', 'd', 'e']

You can of course combine as many options in the object as you want. Order and white space does not matter, just make sure you separate each option with a comma. Here is what the combination of the previous two examples would look like:

    autoPlay: true,
    autoPlayInterval: 5000,
    index: ['a', 'b', 'c', 'd', 'e']

These are just some examples of the options you can pass to a SlideDeck. Check out the customization options in the documentation section for more information on the other options available.

How do I customize SlideDeck?

SlideDeck is definitely customizable. Those SlideDeck ideas shown on the home page are just some of the design styles that can create for your website.

We package a few examples with the download with some pretty common deck types. SlideDeck also gives you access to callback functions that can be run from other places outside of the SlideDeck itself. This will give you the ability to create a completely custom navigation similar to the ones illustrated in slide 3 of the SlideDeck on the home page. Check out the Available Actions in the Usage Documentation to see how to use these functions.

Can I control my SlideDeck with other elements? For example, I want to make a next and previous button.

You can control any SlideDeck with the control API. Just reference the SlideDeck's element and use one of the navigation commands. For example:

Create your SlideDeck

<dl id="myslidedeck" class="slidedeck">
    <dt>Slide 1</dt>
    <dd>Slide Content</dd>
    <dt>Slide 2</dt>
    <dd>Slide Content</dd>
    <dt>Slide 3</dt>
    <dd>Slide Content</dd>
<script type="text/javascript">

Create another element to act as your navigation and specify an onclick event with your action

<a href="#previous" onclick="$('#myslidedeck').slidedeck().prev();">Previous
<a href="#next" onclick="$('#myslidedeck').slidedeck().next();">Next

For more information on all of the API commands built into SlideDeck, just check out the API Reference in the documentation section.

Can I use my License for mock-ups of websites that I create for clients?

Yes, you can use your license for mock-ups of websites, we understand the need to use SlideDeck.js in a development environment. However, once you are ready to launch a new site, you must have a license for it.

I've placed a video in my SlideDeck, but it shows through the SlideDeck, even on closed slides, what can I do?

Flash doesn't play nicely all the time with fancy interactions like SlideDeck and the like, luckily there's an easy fix. Just add the the wmode="opaque" parameter to your embed code. For example, with a YouTube video embed code, this will change the code from this:

<object width="480" height="385"><param name="movie" value=""></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

to this:

<object width="480" height="385"><param name="movie" value=""></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385" wmode="opaque"></embed></object>

Take note of the addition of the <param name="wmode" value="opaque"></param> tag inside the <object> tag and the wmode="opaque" attribute on the <embed> tag.

Will SlideDeck Work With HTML5?

While SlideDeck may function correctly with the HTML5 doctype for most implementations, we do not officially support the doctype as it's still a draft specification and not yet a standard.

If you run into issues while using the HTML5 doctype we suggest first trying to use a different doctype and seeing if that remedies the issues.

See More FAQs
New version released with support for Parallax and Ken Burns effect Buy It Now
Hello. Add your message here.