Board index PBase HTML and Style Sheets B&W transformation thumbs?

HTML and Style Sheets

B&W transformation thumbs?

Customize your galleries.
matiasasun
 
Posts: 1493

B&W transformation thumbs?

Post Tue Oct 19, 2004 4:57 am


I´m not sure but I think I saw it once here in PBase. I mean, for instance, a code that might turn your thumbnails to B&W when hovered, or better; turn them into color... It this possible? How? Code?
If you´ve seen a gallery with that but you don´t know about codes & that stuff I would apreciatte if you post the URL´s adress here and I´ll do the rest.

Maybe this has being ask before, Sorry; happens all the time if you know what I mean.

Thanks in advanced.
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

arjunrc
 
Posts: 1003


Post Tue Oct 19, 2004 1:33 pm


Matias,
these were done using IE's proprietary CSS filters
see http://msdn.microsoft.com/library/defau ... filter.asp

for a host of filters you can use.

To convert to greyscale, take a look at the BasicImage filter. So basically, you need to apply
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) on your hover code and
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0) when out

Do note that this will only work in IE. To make a cross browser solution, you may want to use javascript (though I don't think its worth it, since you would need to create greyscale images yourself).

regds
arjun

matiasasun
 
Posts: 1493

Grazie

Post Tue Oct 19, 2004 3:49 pm


Arjun: Thanks so Much! :D
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/


Board index PBase HTML and Style Sheets B&W transformation thumbs?

Who is online

Users browsing this forum: ClaudeBot and 0 guests