JQuery Plug-In: CJ Image FlipBox v1.0.0
Apparently I'm a gluten for punishment, because I'm at it again. I done gone and made me another jQuery plug-in. CJ Image FlipBox v1.0 is a jQuery plug-in that displays a series of images based on the mouse position within the display box. The left-most side of the FlipBox displays the first image, where as the right-most side displays the last image. Moving between the two, displays any other images that fall between. This is an attempt to mimic Apple's iPhoto software. And as an added bonus, I actually took the time and tested it in the following browsers: FireFox 3.5, IE6, IE7, IE8, Safari 4. (Lesson learned from my first jQuery Plug-In!)
Using jQuery's ready() method and callback functions to get your animations to queue smoothly
One of my long time followers and most likely my biggest fan, ran into a little jQuery problem the other day and e-mailed me to see if I could help out. Here's what he had to say:
I am trying to get jQuery to do a fade, a slideDown, and a fade. I need to delay each by a few seconds, or ideally have them trigger after the previous effect completes. I can't seem to figure it out. Your an awesome guy, think you can help out?
The secret to getting me to look at something is to call me "Awesome"!
JQuery Plug-In: Simple Slideshow v2.0
I know, I know. There's about a gazillion slideshow plug-ins for JQuery. Trust me, I've seen em, I've used them and I've been impressed by them. But at times, the websites I'm working on, call for a simple little slideshow. That's all, nothing fancy. Just somethings that dissolves images, maybe some basic captioning and perhaps a little option to center the images or not.
A few years back, I made a little script that does just this. It was simple, had a small footprint and it did its job fairly well. The drawback was that it only allowed me to place one slideshow on a page at a time. So today I decided to re-write it and I figured while I was at it, convert it into a JQuery plug-in as well.
So let me introduce my Simple JQuery Slideshow. It has a few features you can control as well as the ability to pause a slide when a user mouseover's the cotainer.
Reason #592 why I hate Internet Explorer
My last step on any website design is to go through it and make sure that it works and look correct in the various flavors of Internet Explorer. I can't really say that the time spent doing this is blissful. I compare it to going to the dentist, because I never know what I'm going to find and when I do it's rarely good.
So today as I was debugging, what I thought was a very simple, JavaScript page. I came across one of those nifty "This method or function is undefined" errors from the Internet Explorer debugger. And as we all know, the IE debugger is as worthless as playing "I Spy" with a blind person.
Gracefully timeout a users session, with CJ Session Timeout!
I was running into a little problem with a website of mine that was experiencing some weird errors. The site has a password protected directory that allows the users to edit upcoming events. The problem was that this site was on a shared hosting environment and I didn't have control over the session timeout length. They had it set at 30 minutes and it sometimes took people longer than this to complete their edit (or maybe they took a phone call). When they tried to enter the event, they would get redirected to an error page without really knowing why.
