[jQuery] Re: How can i do Image rollover with simple gamma change?

2008-11-24 Thread Andy Matthews 

Yes...

You can use the animate method to fade in/out any element by applying
opacity.


andy

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of expat101
Sent: Monday, November 24, 2008 3:04 PM
To: jQuery (English)
Subject: [jQuery] How can i do Image rollover with simple gamma change?


I would like to have an image rollover with just basic gamma change to
highlight an image...can this be done with basic jquery?

[jQuery] Re: How can i do Image rollover with simple gamma change?

2008-11-24 Thread Jeffrey Kretz 

Opacity would fade in the image as a whole, rather than adjusting its
brightness/contrast (which is more what gamma would adjust).

I don't know how fancy you want to get, but you could absolutely position a
div in front of the image, set for white (or black) and adjust its opacity
from 0 to some small percentage (10%, maybe?) as a highlight.

jQuery.fn.gammaGlow = function(color,opacity){

   return this.each(function(i){

  var img = $(this);
  var css = $.extend({
   display:'none',
   position:'absolute',
   backgroundColor:color,
   opacity:opacity,
   width:img.width(),
   height:img.height()
  },img.position())

  $('div/div')
 .css(css)
 .insertAfter(img)
 .fadeIn()
 .fadeOut(function(){$(this).remove();})
   });

};
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Monday, November 24, 2008 1:34 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: How can i do Image rollover with simple gamma change?


Yes...

You can use the animate method to fade in/out any element by applying
opacity.


andy

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of expat101
Sent: Monday, November 24, 2008 3:04 PM
To: jQuery (English)
Subject: [jQuery] How can i do Image rollover with simple gamma change?


I would like to have an image rollover with just basic gamma change to
highlight an image...can this be done with basic jquery?

[jQuery] Re: How can i do Image rollover with simple gamma change?

2008-11-24 Thread expat101 

hi, thanks for all the replies

how can i achieve something like here
http://www.linn-bad.no/

the 9 thumbs rollover with increased gamma

cheers


On Nov 25, 8:58 am, Jeffrey Kretz [EMAIL PROTECTED] wrote:
 Opacity would fade in the image as a whole, rather than adjusting its
 brightness/contrast (which is more what gamma would adjust).

 I don't know how fancy you want to get, but you could absolutely position a
 div in front of the image, set for white (or black) and adjust its opacity
 from 0 to some small percentage (10%, maybe?) as a highlight.

 jQuery.fn.gammaGlow = function(color,opacity){

    return this.each(function(i){

       var img = $(this);
       var css = $.extend({
            display:'none',
            position:'absolute',
            backgroundColor:color,
            opacity:opacity,
            width:img.width(),
            height:img.height()
       },img.position())

       $('div/div')
          .css(css)
          .insertAfter(img)
          .fadeIn()
          .fadeOut(function(){$(this).remove();})
    });

 };
 -Original Message-
 From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On

 Behalf Of Andy Matthews
 Sent: Monday, November 24, 2008 1:34 PM
 To: jquery-en@googlegroups.com
 Subject: [jQuery] Re: How can i do Image rollover with simple gamma change?

 Yes...

 You can use the animate method to fade in/out any element by applying
 opacity.

 andy

 -Original Message-
 From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
 Behalf Of expat101
 Sent: Monday, November 24, 2008 3:04 PM
 To: jQuery (English)
 Subject: [jQuery] How can i do Image rollover with simple gamma change?

 I would like to have an image rollover with just basic gamma change to
 highlight an image...can this be done with basic jquery?

[jQuery] Re: How can i do Image rollover with simple gamma change?

2008-11-24 Thread Charlie Griefer 
http://www.linn-bad.no/design/plain/js/linn-bad.js

On Mon, Nov 24, 2008 at 4:03 PM, expat101 [EMAIL PROTECTED] wrote:


 hi, thanks for all the replies

 how can i achieve something like here
 http://www.linn-bad.no/

 the 9 thumbs rollover with increased gamma

 cheers


 On Nov 25, 8:58 am, Jeffrey Kretz [EMAIL PROTECTED] wrote:
  Opacity would fade in the image as a whole, rather than adjusting its
  brightness/contrast (which is more what gamma would adjust).
 
  I don't know how fancy you want to get, but you could absolutely position
 a
  div in front of the image, set for white (or black) and adjust its
 opacity
  from 0 to some small percentage (10%, maybe?) as a highlight.
 
  jQuery.fn.gammaGlow = function(color,opacity){
 
 return this.each(function(i){
 
var img = $(this);
var css = $.extend({
 display:'none',
 position:'absolute',
 backgroundColor:color,
 opacity:opacity,
 width:img.width(),
 height:img.height()
},img.position())
 
$('div/div')
   .css(css)
   .insertAfter(img)
   .fadeIn()
   .fadeOut(function(){$(this).remove();})
 });
 
  };
  -Original Message-
  From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
 
  Behalf Of Andy Matthews
  Sent: Monday, November 24, 2008 1:34 PM
  To: jquery-en@googlegroups.com
  Subject: [jQuery] Re: How can i do Image rollover with simple gamma
 change?
 
  Yes...
 
  You can use the animate method to fade in/out any element by applying
  opacity.
 
  andy
 
  -Original Message-
  From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
  Behalf Of expat101
  Sent: Monday, November 24, 2008 3:04 PM
  To: jQuery (English)
  Subject: [jQuery] How can i do Image rollover with simple gamma change?
 
  I would like to have an image rollover with just basic gamma change to
  highlight an image...can this be done with basic jquery?




-- 
I have failed as much as I have succeeded. But I love my life. I love my
wife. And I wish you my kind of success.