One Mom’s Journey from Fat to Skinny to Confident

BLOGGING THOUGHTS

jQuery is the BOMB!

4 Comments 1059 views

I’m working on a project at work and I just had to tell someone how stinkin’ cool jQuery is! I know I’m late in the game compared to all you developers out there and I also know this will be over the heads of some one my readers who don’t get into the development stuff but I needed to share anyway. :)

Click here to check out my test page.

What you should see is a grid of squares. When you mouse over the squares they should fade in and then fade out when you leave them. Now besides that fact that the grid itself is cool because it’s just some some unordered lists laid out with CSS, the fade in/out effect was literally a few lines in JavaScript with the jQuery library.

$(document).ready(
	function(){
		$(".column img").fadeTo("fast", 0.8); 
		$(".column img").hover(
			function() {
				$(this).fadeTo("fast", 1.0); 
			},function() {
				$(this).fadeTo("fast", 0.8); 
			}
		);
	}
);

Now I formatted it “my way” so it’s easier to understand to me but basically what those few lines do is…

When the document is ready - kinda like a load(
	do this function(){
		take all images found within a column class 
               and fade them to 80%; 
		When you fade over those image(
			do this function() {
				fade them to 100% opacity; 
			},or do this function() {
				fade them to 80% opacity; 
			}
		);
	}
);

Like I said.. jQuery is the bomb. I used to have to do this kind of stuff in Flash OR write pages and pages of JavaScript.

Amazing! Ok, back to work! :)

Update: I made it even cooler. ;~P



Leave a comment

I’d love to hear your story or thoughts on mine.

However, to prevent the massive amounts of spam I was receiving I have turned off comments on any post older than 5 days old. If you'd like to leave me a note regarding this post or anything really try me on twitter (@RoniNoone,) my Facebook page, or even IG (@RoniNoone) I'm so sorry for the inconvenience. I never thought I'd have to do this but it's gotten way out of hand and comment management has become simply too time consuming to manage.

Discussion

There are 4 comments so far.

    Jim

    March 3, 2010

    jQuerytastic!

    Holly

    March 3, 2010

    I’m having a love affair with jQuery.

    stephk

    March 7, 2010

    I haven’t gotten much into it (being one of those “print designers who’s slightly afraid of online design”), but I can already tell this would make my life SO much easier!!

    juliejulie

    March 28, 2010

    Hi Roni, it’s @juliejulie from Fitbloggin. I thought you might enjoy reading my husband’s blog “Dreaming in Javascript” I’m not a geek personally, but I understand how all you web programming geeks get excited about this stuff! http://dreaminginjavascript.wordpress.com/