Home FlickrBomb: New jQuery Plugin Lets You Quickly Add Images to Prototypes

FlickrBomb: New jQuery Plugin Lets You Quickly Add Images to Prototypes

FlickrBomb is a new jQuery/jQuery Mobile plugin that lets designers quickly add relevant content to their prototypes. It greatly speeds up the traditional process of doing this, which has been to search for an image, download it, crop it to the right size and then add it. Instead, with just one line of code referencing your flickr.com search term, you can pull in photos automatically. And, if you don’t like the first one flickrBomb returns, just click the little “wrench” icon that appears when you hover over the image to change the photo to a new one.

FlickrBomb uses jQuery, Underscore.js, Backbone.js and your browser’s local storage to work. It scours your HTML to find all the image tags that have a source attribute that starts with “flickr://,” explains the page on Zurb.com, makers of the plugin. It then searches flickr for the terms that follow. If it finds something, it replaces the image tag with flickrBomb’s flickrbombContainer div.

Originally, the plugin didn’t include an option for the type of licensing needed or proper attribution, but due to popular demand, these features were added soon after launch. That means you can specify that FlickrBomb only pull photos licensed via Creative Commons, for example. You can configure these requirements in the  jquery.flickrbomb.min.js file.

Installation and implementation instructions are available here.

FlickrBomb works on Internet Explorer 8+, Firefox 3.5+, Safari 4+, Chrome 10+, Android 2.1+ and iOS 4+.

FlickrBomb is just one of many plugins from Zurb. Others include this AJAX image uploader, the jQuery text change event plugin, Orbit, a jQuery image slider, a JavaScript annotation plugin, the Reveal modal plugin, and last, but not least, Raptorize, the hilarious jQuery plugin that lets you make an awesome Velociraptor run across the site you were coding.

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.