Jquery Image Fade - Transparenz

[Foos]

Hallo,

ich verwende auf meiner Seite Bilder, welche schwarz weiß sind und beim überfahren farbig wird.

So sieht das aus:

<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");


 });
});
</script>

CSS

div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	

	}

Ich würde gerne was hinzufügen und hoffe auf eure Hilfe:
Und zwar hätte ich gerne, dass das s/w Bild ein wenig Transparenz erhält!

Jemand ne Idee ?

 

[sokie]

AW: Jquery Image Fade - Transparenz

wenn ich das richtig verstehe, soll das SW direkt schon beim Laden etwas transparenz haben, sodass es so aussieht, als sei das ganze "wenig gesättigt"?!
dann setzt du einfach dein SW-bild auf einen Opacity wert unter 1:

<script type='text/javascript'>
$(document).ready(function(){
[COLOR=Blue]$("img.a").css({"opacity":.8})[/COLOR] //hier wird das Bild gleich beim Laden "etwas transparent"
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");


 });
});
</script>

class-Bezeichner wie .a und .b sind in der Programmierung ziemlich verwirrend da es auch html elemente <a> und <b> gibt. Günstiger wären classNames wie z.B. "sw" bzw "farbig"

 

[Foos]

AW: Jquery Image Fade - Transparenz

Jep das wars!

Vielen vielen Dank für Hilfe und Tipp