The conversion from traditional structure to lazy loading is quite simple. Previously, whatever element the image was on had a background image property:

<div class="sd2-slide-background" style="background-image: url(<?php echo $image; ?>);"></div

Now, we've removed the background image property and replaced it with a HTML5 data property:

<div class="sd2-slide-background" data-sd2-slide-image="<?php echo $image; ?>"></div>

So all you need to do it make this change in the .thtml files of your lens, and it should work with Lazy loading.

If you've created custom lenses, you'll need to make this adjustment to any image elements that need lazy loading. This also works on <img> tags.

We will be closed on Monday, May 27th to observe Memorial Day. We will be back in the office on Tuesday, May 28th to resume. 

SlideDeck 2.2 is out. This version addresses a couple of bugs and adds Lazy Loading! If you have the professional tier, it also adds a custom CSS area for each deck.

Check out the Change Log for a detailed list of the updates.

We've been hearing that the recent Firefox 20 release has beef with SlideDeck.js, but fear not! This is a bug we addressed a while ago, so if this issue is affecting you, all you need do is follow these handy instructions below to get them playing well together again:

• Go to http://dtelepathy.com/login, and log into your account

• Click on the SlideDeck.js Developers' Kit tile
• Download the latest version of the kit (1.4.3)

Now, to update your version of the SlideDeck Javascript library, simply upload the latest version of the file "slidedeck.jquery.js" to wherever you placed the previous version on your server, and overwrite your current copy of the file.

That's it, you're done! Firefox 20 and SlideDeck.js should now be happy together like peas and carrots. If you're still having trouble, definitely post a ticket in our support forum, and we'll be happy to help you out!