Joe Workman's Blog

RSS

Image Warehousing in Stacks

Ever since the dawn of my development in Stacks, users have wanted to warehouse the images used in my many image stacks. Now that Stacks 2 is here, I have more elaborate APIs where allowing this is now possible! I have one new free stack today as well as 9 really good updates to existing image stacks.

In case you are new to this topic, image warehousing is the process of storing your images on an external server. This could be your own webserver, AmazonS3, or maybe even Dropbox. All of the stacks below now support image warehousing. This means that you no longer have to drag and drop and image into the stack. You can simply configure the url to your warehoused image and you are good to go.

New Warehouse Image

This is very simple image stack that allows you to place a warehoused image onto your webpage. There are not fancy options, CSS or tricks here. You get an image, that’s it.

I have also added an interesting feature into this stack. When you use the link to to specify the url to your image, if you add a class attribute to that link, that class will also be added to the image. This will allow you to add classed that may be required to CSS or javascript library that you want to use the image with.

I have not taken the time to build a product page for this stack yet. However, you can download it here.

Fluid Image

I recently released this stack and as you know it allows you to have an image that will fit perfectly into a responsively designed site. I am happy to say that you can now warehouse these images as well!

For more info, check out the Fluid Image Product page.

Tip: If you use this stack in combination of my Cycler stack. Not only can you have a slider with warehoused images (as you can with almost any stack in this post) but you will also turn Cycler into a completely responsive variable width slider as well!

Image Safe

Image Safe is an awesome way to protect your images from visitors from easily copying your image. It stops users from being able to drag them off your website or save them via a right click menu. As you may guess, you can now protect your warehoused images with Image Safe.

For more info, check out the Image Safe Product page.

Fancy Image Stacks

I will stop boring you now with the details of each and every update. There are a total of 6 Fancy Image stacks that have been updated to support image warehousing. However a few of these stacks how a pretty nice overhaul with Stacks 2. Below are the links to all of the stacks that got this makeover. A couple of my favorites here are Image Hover and Popup Caption.

Image Hover Stack

Magnify Image Stack

Popup Caption Stack

Preview Image Stack

Puzzle Stack

Reflection Stack

Zoom Image Stack