Comments on: Making Google’s Christmas Doodle with jQuery

By: Sarah

Sarah — Fri, 09 Dec 2011 14:48:44 +0000

I had a quick question. Can you point me in the right direction to figure out how to add a click command? Meaning instead of pointing to a web address when the user clicks one of the images I'd like it if when they clicked I could open a third image on top of the collection that had a specific text message. Like Happy Hanukkah or if they clicked another image, another image would appear that included Merry Christmas etc.

Thanks.

By: Sarah

Sarah — Thu, 08 Dec 2011 22:21:16 +0000

Thank you for sharing. This works great. I am new to this but somehow managed to get it working on my end:)

By: Martin Angelov

Martin Angelov — Mon, 31 Jan 2011 16:59:52 +0000

Yes, you can specify a URL in script.js (the href attribute):

new pic({
top : 100, left : 30, width : 60,height : 100, href:'http://your-link-here.com/',
img : { src : 'img/1.jpg', offsetTop : 50, offsetLeft: 10}
}),

By: Alan

Alan — Mon, 24 Jan 2011 18:23:01 +0000

Great tutorial as always.

Is it possible to add a url link to each image?

Thank you

By: Andrei

Andrei — Tue, 28 Dec 2010 12:43:14 +0000

Thank you very much for your reply.
I will try to transform it into circles, I will let you know of the result!

By: Martin Angelov

Martin Angelov — Tue, 28 Dec 2010 12:27:56 +0000

Yes, it is possible to turn the images into circles. Some parts of the code will need a rewrite, however. I will not get into much detail, but you will need to set the image as a background of the anchor, and use the background-position animation plugin to move it, instead of using top/left and margin properties. After this you can use the border-radius CSS3 properties to round them.

By: Andrei

Andrei — Tue, 28 Dec 2010 12:17:27 +0000

Merry Christmas and thank you for this amazing tutorial!

Just one question, is it possible to achieve this effect but instead of square to have circles?

Thank you!

By: Iliyan

Iliyan — Tue, 28 Dec 2010 11:01:15 +0000

Haha, nice and quick job!

By: Liviu

Liviu — Tue, 28 Dec 2010 09:02:28 +0000

This is amazing...you guys rock! The Design of the page is amazing also...The Details are so coooll!!!

By: sx

sx — Mon, 27 Dec 2010 20:39:08 +0000

whats the fonts on the logo of this title?? "Christmas Doodle"