Comments on: Unobtrusive Image Rollover with Prototype Library http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/ Web Development and Design, and Anything That Matters Fri, 16 May 2008 04:45:15 +0000 http://wordpress.org/?v=2.0.1 by: yosax http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-68681 Sat, 29 Mar 2008 20:06:24 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-68681 How to roll over image such as in Amazon? I want to implement the codes on one of my web. How to roll over image such as in Amazon?
I want to implement the codes on one of my web.

]]> by: S Woodside http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-48068 Thu, 29 Nov 2007 05:01:41 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-48068 You should probably note somewhere here or in the docs that prototype 1.5.1 is required, in case people are trying to use it with an older version they will get "$$ is not defined" (which doesn't search in google). You should probably note somewhere here or in the docs that prototype 1.5.1 is required, in case people are trying to use it with an older version they will get “$$ is not defined” (which doesn’t search in google).

]]> by: Jean Carlo http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-38510 Tue, 04 Sep 2007 19:59:31 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-38510 Hi, I am trying use it with the prototype 1.5.0_rc0 library because i am using rails 1.1.6, and i have it error this.links[i].observe is not a function [Break on this error] this.links[i].observe('mouseover', this.rolloverImage); Thanks for you help Hi,

I am trying use it with the prototype 1.5.0_rc0 library because i am using rails 1.1.6, and i have it error

this.links[i].observe is not a function
[Break on this error] this.links[i].observe(’mouseover’, this.rolloverImage);

Thanks for you help

]]> by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36184 Mon, 30 Jul 2007 02:32:17 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36184 Glad that you find it useful Yohann. :) Glad that you find it useful Yohann. :)

]]> by: yohann http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36149 Sun, 29 Jul 2007 12:40:17 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36149 Hi Herryanto, Thank you for the fast fix, it's very nice. You're library is a bless for those who don't like to write tone of css code or ugly javascript everywhere in between html tags. From my experience, when you apply the observer to the closest div, it even works faster than inline javascript and as fast as classic css over. you code is clean, small and fast ! I've tried as well to put the observers on all chunks of pages (content, lateral bar) while still in development and it works as expected, just with a bit more latency, but acceptable. I'm using rails and the image caching mechanism doesn't prevent over images to be correctly loaded, it was a nice surprise as well. Well Herryanto, thanks again for that creative and very usefull piece of javascript. Hi Herryanto,

Thank you for the fast fix, it’s very nice.

You’re library is a bless for those who don’t like to write tone of css code or ugly javascript everywhere in between html tags.

From my experience, when you apply the observer to the closest div, it even works faster than inline javascript and as fast as classic css over. you code is clean, small and fast !

I’ve tried as well to put the observers on all chunks of pages (content, lateral bar) while still in development and it works as expected, just with a bit more latency, but acceptable.

I’m using rails and the image caching mechanism doesn’t prevent over images to be correctly loaded, it was a nice surprise as well.

Well Herryanto, thanks again for that creative and very usefull piece of javascript.

]]> by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36146 Sun, 29 Jul 2007 10:26:45 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36146 Sorry about it Yohann, I just moved my web hosting, and forgot to upload some files. It's up now. Sorry about it Yohann, I just moved my web hosting, and forgot to upload some files. It’s up now.

]]> by: yohann http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36092 Sat, 28 Jul 2007 11:39:36 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-36092 Hi Herryanto I cannot find the page anymore for the rollover tutorial, only google cahing and the dowload link is no more available. Could you let me know if that's normal ? I looked on the web for a rollover solution juste like yours and there ain't so many.. I think it's very nicely done and want to thank you for sharing. Hi Herryanto

I cannot find the page anymore for the rollover tutorial, only google cahing and the dowload link is no more available. Could you let me know if that’s normal ?

I looked on the web for a rollover solution juste like yours and there ain’t so many.. I think it’s very nicely done and want to thank you for sharing.

]]> by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-32364 Tue, 22 May 2007 10:07:19 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-32364 Thanks michael. I too, personally would prefer to use text based navs. But at times, coming from designer perspective, we tend to be perfectionist. :) The '_sel' option is to help the script to remove it from the image name if you are using a selected image, so it knows how to retrieve the '_over' image. If you don't have selected image. You don't have to bother about it at all. Thanks michael. I too, personally would prefer to use text based navs. But at times, coming from designer perspective, we tend to be perfectionist. :)

The ‘_sel’ option is to help the script to remove it from the image name if you are using a selected image, so it knows how to retrieve the ‘_over’ image.

If you don’t have selected image. You don’t have to bother about it at all.

]]> by: Miccheng http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-32363 Tue, 22 May 2007 08:41:01 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-32363 Looks like a really elegant way of doing rollovers for JavaScript / CSS newbies. Good job! Neat idea using the convention over configuration method for naming files. Good idea preloading the images too - dun like the flash when loading new images. Personally, i prefer text based navs with background... don't like to have to create a multiplicity of roll-over images. So what if i don't create a _sel image. Does it default to the _over image? Looks like a really elegant way of doing rollovers for JavaScript / CSS newbies. Good job!

Neat idea using the convention over configuration method for naming files. Good idea preloading the images too - dun like the flash when loading new images.

Personally, i prefer text based navs with background… don’t like to have to create a multiplicity of roll-over images.

So what if i don’t create a _sel image. Does it default to the _over image?

]]>