https://www.webmaster-forums.net/crss/node/1039436 en https://www.webmaster-forums.net/html-css-and-javascript/how-do-i-do-rollover#comment-1223592 <p>No, unfortunately the images are not always the same size. I am able to make the width the same, but the length would change. However, I was thinking there must be a way to put the border in the foreground and the image in the background using the border as a mask for the images, and then changing the border on rollover. So, you would only see the top portion of the images that are longer and then when you click on it you'd get the product page with the large image and description etc. I'm still fairly new to css and php though and didn't know if it's possible to make that happen dynamically, and if so, how?</p> Mon, 27 Aug 2007 13:17:07 +0000 jay0316 comment 1223592 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/how-do-i-do-rollover#comment-1223529 <p>From your example page, I'd go with Megan's solution. For fast rollovers, no preloading, no JavaScript, I recommend Pixy's method: <a href="http://clagnut.com/blog/235/" class="bb-url">http://clagnut.com/blog/235/</a>.</p> <p>I use this method <strong>a lot</strong>. No problems in any browser AFAICT.</p> Sat, 25 Aug 2007 18:50:05 +0000 webwiz comment 1223529 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/how-do-i-do-rollover#comment-1223493 <p>If the images are all the same size you can use that as a CSS background, then just change the background on hover. How exactly to do that would depend on the mark-up in your e-Commerce system. You'd need a way to select the product images and apply the effects. If they're linked to larger versions it should be pretty easy - if not, you might have to use some javascript to get the hover to work in all browsers.</p> Fri, 24 Aug 2007 17:54:42 +0000 Megan comment 1223493 at https://www.webmaster-forums.net