Может кто направление укажет куда копать .
Я, так понимаю , Chrome издыхает при определении идентификатора canvas картинки.
Хотя браузер во общем понимает canvas неплохо.

volod3000, выложи страницу пполностью.

модет быть ошибка помтоу что вызываете два раза подряд соыти дом реди
[JS]$(function(){
jQuery(document).ready(function(){[/JS]

или тут

[JS]onmouseout: "saturate(this);"[/JS]

Вот, пожалуйста.



:rolleyes:

P.S. В остальных браузерах работает отлично.

Все дело в том, что Chrome не понимает атрибуты когда они написаны лишь в нижнем регистре. Перепишите их как нужно onmouseout - onMouseOut.

раз уж вы юзаете jQuery, то почему бы не биндить функции его средствами? http://jquery-docs.ru/Events/

Не помогло, даже наоборот, перестало работать вообще (во всех браузерах) :hmhm:




Спасибо, полезная информация :goodpost:

Ура, разобрался.
Вот решение :

[JS]

var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
chrome: /chrome/.test( userAgent ),
safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
//////////////////////////////////// IE ////////////////////////////////
if ( jQuery.browser.msie ) {
$(function(){
jQuery(document).ready(function($){
$('div.grays img').attr({onmouseout: "saturate(this);"});

$('div.grays img').each(function(e){
var img2 = Pixastic.process(this, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}

img2.onmouseout = function(){Pixastic.process(this, '.$codd.');}
});});});

function saturate(img) {
var img2 = Pixastic.process(img, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}
}
}
//////////////////////////////////// Opera ////////////////////////////////
if ( jQuery.browser.opera ) {
$(function(){
window.onload = function(){
$('div.grays img').attr({onmouseout: "saturate(this);"});

$('div.grays img').each(function(e){
var img2 = Pixastic.process(this, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}

img2.onmouseout = function(){Pixastic.process(this, '.$codd.');}
});}});

function saturate(img) {
var img2 = Pixastic.process(img, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}
}
}
///////////////////////////////// FireFox, Chrome ///////////////////////
else{
$(function(){
jQuery(document).ready(function($){
$('div.grays img').attr({onmouseOut: "saturate(this);"});

$('div.grays img').each(function(e){
var img2 = Pixastic.process(this, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}

img2.onmouseOut = function(){Pixastic.process(this, '.$codd.');}
});});});

function saturate(img) {
var img2 = Pixastic.process(img, '.$codd.');
// alert(img2);
img2.onmouseover = function() {Pixastic.revert(this);}
}

}
///////////////////////////////////////////////////////////////////////////////////

[/JS]

Хитрости браузеров :


:droch:

ето уж точно бред

Согласен, но к сожалению факт - у меня Opera 11 (сборка 1156)