FlickrScrollr Explained: jQuery

This is a continuation of the FlickrScrollr explanation. In this post we'll explore the jQuery plugin behind the animation of the thumbnails.

Why jQuery?

I resisted the switch to jQuery for a long time, telling myself that using a JavaScript framework was some kind of copout—I was going to write my JavaScript from scratch, dammit! And, for a long time, I did exactly that. However, JavaScript is a finicky language, and it's supported differently on each browser. Testing was cumbersome, exhausting, and entirely too stressful. I felt like I was putting too much into the relationship. I lost sleep, lost my appetite, and left long, slurred messages on JavaScript's answering machine at 3AM.

"Hullo? Jahv-Scripp? I juss wann know: why you gotta make me use element.style AND element.currentStyle? You wanna know why? Iss cuz... read more

FlickrScrollr Explained: PHP

NOTE: Ok, so I totally rushed the FlickrScrollr out the door on Tuesday in order to keep the Instant Tip Tuesday series alive (because, let's face it, if I'd only made it three weeks before I missed a Tuesday—well, I wouldn't be much of a blogger at all, would I?). However, in doing so, I didn't really explain how the plugin works or any of the advanced configurations of it. In an effort to rectify that, I'm going to break the code down in this post.

The Goal of This Post

First, I'd like to readdress what FlickrScrollr is and how it works, then I'd like to pick apart how the plugin was built. Because this plugin uses both a PHP class and a jQuery plugin, this writeup is going to... read more

ITT #4: Plugin Giveaway - FlickrScrollr

UPDATE: I've posted a new entry explaining FlickrScrollr. Please refer to that article for better implementation instructions, as well as a breakdown of how the code works.

In an effort to squeak in this week's Instant Tip Tuesday before midnight, I'm going to give away a PHP+jQuery plugin to create an animated Flickr module on your site. I call it FlickrScrollr.

View the Demo | Download the Files

What Is FlickrScrollr?

FlickrScrollr is a combination of PHP5, jQuery, and CSS. It utilizes PHP's SimpleXML extension to parse a user's Flickr RSS feed, then uses jQuery to add animation to the generated display of thumbnails, finally topping off the fun with Leandro Vieira Pinho's jQuery Lightbox plugin.

How Do I Use FlickrScrollr?

To implement FlickrScrollr... read more

• «
• ‹
• 1
• ›
• »