Comments on: “Grayscaling” in non-IE browsers https://j11y.io/css/grayscaling-in-non-ie-browsers/ Sun, 22 Mar 2015 15:39:22 +0000 hourly 1 https://wordpress.org/?v=5.0.13 By: Spencer https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-917 Tue, 13 Oct 2009 15:20:25 +0000 https://j11y.io/?p=807#comment-917 You should update your post and demo to reflect fixes to the stable channel (as of today, 10/24) in Google Chrome, which specifically addresses the issues seen here (see issue and post)

]]>
By: Erik Lundmark https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-916 Mon, 15 Jun 2009 18:51:46 +0000 https://j11y.io/?p=807#comment-916 So, for the jQuery rookie guy, this prepares the image in a blog-post, activates grayscale on hover (and removes it afterwards). Check your selectors first.

$(document).ready(function() {
	$('#content img').hover(function() {
		grayscale( $(this) );
	}, function() {
		grayscale.reset( $(this) );
	});
	grayscale.prepare( $('#content img') );
});

@The Mafalian – Agreed on that, it leaks like a sinking ship… Safari 4 seems to handle the memory better, but fails when I apply the function on load. But if I use it in $().hover it works.

]]>
By: Remy Sharp https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-915 Thu, 11 Jun 2009 22:54:28 +0000 https://j11y.io/?p=807#comment-915 Son ‘novay…! Damn, colour me impressed. I needed this kind of functionality a couple of months ago and I was looking at some of the bleeding edge CSS3 SVG masks, but the problem is that they only currently work in Opera beta and only work properly on iframes. Annoyingly I saw a demo of Opera doing exactly this to a web page, but it was using Opera’s internal browser rather than an app we can get our hands on.

Anyway, I knew it could be done via the canvas, but you’ve gone ahead and done the hard work of putting down exactly how that’s done.

Bottom line: impressed. Nice one.

I should add, I was going to use the effect on jQuery for Designers, for when the user was watching the video, they could click “lights off” and it would greyscale the entire background (probably layering over a big opacity: 60 div) letting the user focus on the video.

]]>
By: James https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-914 Sun, 17 May 2009 21:59:18 +0000 https://j11y.io/?p=807#comment-914 Thanks for all the comments! Much appreciated!

@Thomas, thanks for the explanation; I didn’t originally understand the reason behind those different figures, it makes sense now! Also, that’s some really cool work with the anaglyph generator!

@Mafalian, I’m afraid that’s to be expected; processing images using canvas takes quite a lot of memory + processing time.

]]>
By: Thomas Milburn https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-913 Wed, 13 May 2009 07:28:21 +0000 https://j11y.io/?p=807#comment-913 Nice work!

If you want to know why the conversion numbers are used its because your eye is much more sensitive to green than red than blue. Generally accepted values have been calculated by the NTSC (National Television System Committee) as Red: 0.299 Green: 0.587 and Blue: 0.114 but in fact the values will be slightly different depending on the screen you are using. It doesn’t really matter that much.

I’ve also found the canvas tool to be incredibly useful. I’ve used it to generate the mandelbrot set and to create anaglyphs.

]]>
By: The Mafalian https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-912 Tue, 12 May 2009 20:28:26 +0000 https://j11y.io/?p=807#comment-912 your script make firefox use more memory, it increase to 600mo,
i don’t know what’s the probleme

]]>
By: Andy Ford https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-911 Tue, 12 May 2009 05:27:29 +0000 https://j11y.io/?p=807#comment-911 This is very cool. Nice work!

]]>
By: Soh Tanaka https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-910 Tue, 12 May 2009 03:30:01 +0000 https://j11y.io/?p=807#comment-910 That’s pretty dope! Thanks for sharing 🙂

]]>
By: cssrain https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-909 Tue, 12 May 2009 01:33:33 +0000 https://j11y.io/?p=807#comment-909 Good work.I will use it in my work.

]]>
By: Erik Lundmark https://j11y.io/css/grayscaling-in-non-ie-browsers/#comment-908 Mon, 11 May 2009 22:21:18 +0000 https://j11y.io/?p=807#comment-908 Wow, I thought I’d have to wait a few years for this! Nice, nice, thank you so much.
Oh, doesn’t work in Safari? Works for me 🙂 (screenshot)

]]>