coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: rctruckz on May 18, 2006, 12:07:31 PM

Title: Thumbnail roll over?
Post by: rctruckz on May 18, 2006, 12:07:31 PM
Hi :)

Apart from my other question (sep topic) Im also wondering about this one!..

I downloaded the Meltingfilm theme & noticed it has like a roll-over effect for thumbs, how would i add roll over similar to my gallery?
Title: Re: Thumbnail roll over?
Post by: Joachim Müller on May 18, 2006, 09:44:06 PM
using a tool like the Web developer toolbar (http://forum.coppermine-gallery.net/index.php?topic=31423.msg145984#msg145984) or similar you can easily find out what CSS class is controlling which part of the page. In the case of the thumbnail, it's the class named "image". Looking at the stylesheet for the metlingfilm (http://coppermine-gallery.net/demo/cpg14x/themes/meltingfilm_top/style.css) theme will show you the "rollover" trick: it's a proprietary, Microsoft-only filter. It will only work on Internet Explorer, all other browsers will ignore it. The code in question isfilter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFF00,direction=135, strength=5) progid:DXImageTransform.Microsoft.Alpha(Opacity=100);More details on M$-filters can be found here: http://msdn.microsoft.com/workshop/author/filter/reference/filters/basicimage.asp
However, I can't recommend using those filters, as they're proprietary crap. A similar thing applies to the cross-hair mouse cursor - I hat it when sites use that effect without need.