Comments on: Unobtrusive Image Rollover with Prototype Library http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/ Web Developer, Web Designer, Ruby on Rails Developer, a Curious Man based in Singapore Fri, 10 Feb 2012 13:00:28 +0000 http://wordpress.org/?v=2.0.1 by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-166808 Thu, 06 Aug 2009 02:19:07 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-166808 @CodeSense, cool, thanks. @KentR shouldn't be too hard, just don't have time to work on it. Guess, maybe a good time for you to meedle with some JS? :) @CodeSense, cool, thanks.

@KentR shouldn’t be too hard, just don’t have time to work on it. Guess, maybe a good time for you to meedle with some JS? :)

]]> by: KentR http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-166778 Wed, 05 Aug 2009 16:31:59 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-166778 Cool idea. Have you tried getting something like this to work with sprites? Cool idea. Have you tried getting something like this to work with sprites?

]]> by: CodeSense http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-99741 Sat, 04 Oct 2008 04:59:38 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-99741 I still sometimes had the problem of the preloading not working in all browsers, I came up with a little bit better solution that extends the class you have here. Basically it creates a new image object for both the original and rolled over images and saves those as private members of the class. When you roll over or out of the image, it swaps in or out those image elements. You can check it out here: http://you-dev.com/tutorials/articles/Automatic+preloading+Prototype+based+rollovers I still sometimes had the problem of the preloading not working in all browsers, I came up with a little bit better solution that extends the class you have here. Basically it creates a new image object for both the original and rolled over images and saves those as private members of the class. When you roll over or out of the image, it swaps in or out those image elements.

You can check it out here: http://you-dev.com/tutorials/articles/Automatic+preloading+Prototype+based+rollovers

]]> by: Francesco Mazzi http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-95337 Wed, 03 Sep 2008 22:42:34 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-95337 Great work!! I'm using it on a website I'm developing. I'm trying to add a new function to the class, so that when a link is clicked the image becomes automatically in the "_sel" state...useful if the menù opens other submenus without reloading the page. Do you have any kind of suggestions? I'll put there my results...thanks...bye bye Great work!! I’m using it on a website I’m developing.
I’m trying to add a new function to the class, so that when a link is clicked the image becomes automatically in the “_sel” state…useful if the menù opens other submenus without reloading the page. Do you have any kind of suggestions? I’ll put there my results…thanks…bye bye

]]> by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-80380 Tue, 10 Jun 2008 04:03:13 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-80380 @James Sorry about it, the link is up now. @James Sorry about it, the link is up now.

]]> by: James Mason http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-80324 Mon, 09 Jun 2008 22:42:25 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-80324 It seems the download has gone missing again. Can you please make this available for download? It seems the download has gone missing again. Can you please make this available for download?

]]> by: Herryanto Siatono http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-79487 Tue, 03 Jun 2008 02:45:07 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-79487 @Nathaniel, yeah it makes sense, will put a patch for that. Thanks. @Nathaniel, yeah it makes sense, will put a patch for that. Thanks.

]]> by: Nathaniel Bibler http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-79402 Mon, 02 Jun 2008 15:02:16 +0000 http://www.pluitsolutions.com/2007/05/22/unobtrusive-image-rollover-with-prototype-library/#comment-79402 I'd like to suggest an update to the rollover.js (v1.1) file, line 36: images = $$('#' + this.id + ' a img'); Instead of: images = $$('#' + this.id + ' img'); The main issue being that images that are not contained in an anchor tag should not be a rollover image. Further, navigation links may have separator images or other supporting graphics strewn between them. In the current implementation, the script attempts to load the '_on' version of all images within the given DOM ID, which raises HTTP 404 errors for non-rollover-intended images (separator graphics and such). I’d like to suggest an update to the rollover.js (v1.1) file, line 36:

images = $$(’#’ + this.id + ‘ a img’);

Instead of:

images = $$(’#’ + this.id + ‘ img’);

The main issue being that images that are not contained in an anchor tag should not be a rollover image. Further, navigation links may have separator images or other supporting graphics strewn between them. In the current implementation, the script attempts to load the ‘_on’ version of all images within the given DOM ID, which raises HTTP 404 errors for non-rollover-intended images (separator graphics and such).

]]> 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).

]]>