Antworten auf deine Fragen:
Neues Thema erstellen

Jquery Image Fade - Transparenz

Foos

Member

Hallo,

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

So sieht das aus:

Code:
<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

HTML:
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

Mod | Web

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:
Code:
<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"
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.634
Beiträge
1.538.447
Mitglieder
67.555
Neuestes Mitglied
scheflo
Oben