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

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.

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.

What do I get with SlideDeck?

SlideDeck offers a myriad of benefits. Check out the features for more information.

What is SlideDeck's Refund Policy?

Due to the nature of the SlideDeck software, we are not able to control the activation or deactivation of a license remotely. In this case, it is not possible to "return" the software and ensure that the license is no longer used. Therefore, we do not provide refunds as a safeguard to prevent unauthorized use of licenses. This is a similar policy to many other non-activated software products.

Advanced customization of the SlideDeck template design does require some coding, so we want to make sure that users have clear expectations before purchasing SlideDeck.

Before purchasing, we would encourage you to review the SlideDeck features to ensure they are in line with your expectations of the software. You can also review the usage documentation for details on SlideDeck installation and customization.

If you are not clear on what to expect from SlideDeck, please contact us for more details.

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 slidedeck.com home page. Check out the Available Actions in the Usage Documentation to see how to use these functions.

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.

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="http://www.youtube.com/v/au3-hk-pXsM&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/au3-hk-pXsM&hl=en_US&fs=1&" 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="http://www.youtube.com/v/au3-hk-pXsM&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.youtube.com/v/au3-hk-pXsM&hl=en_US&fs=1&" 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.

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:

$('#myslidedeck').slidedeck({
    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.

$('#myslidedeck').slidedeck({
    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:

$('#myslidedeck').slidedeck({
    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.

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>
</dl>
<script type="text/javascript">
$("#myslidedeck").slidedeck();
</script>

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.

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 slidedeck.skin.css 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.

See More FAQs