Hallo Leute,
ich hab eine Frage die sich evtl mit jQuery oder einer Alternative beschäftigt. Was umgesetzt werden soll ist eigentlich nichts großes: Ein Bild (wird als Content-Element eingefügt) soll eingefadet werden.. Ich vermute mal, dass jQuery das kann, hab das aber noch nie verwendet. Kann mir da einer helfen und evtl ein link, script oder was zeigen?
Vielen Dank schonmal. Werde mich nach dem Projekt auch selbst einlesen in jquery, ist aber grad zeitlich leider nicht drin.
Hi Nicklas,
wann soll denn der fade stattfinden?
onLoad, onClick, onHover, onmousehover, onmousemove.etc ...?
gruss
maty
Hallo Maty,
onLoad als kleinen Schmankerl 😉
Viele Dank!
Ein Bild per Klick ein- und ausfaden geht so:
jQuery(document).ready(function(){
jQuery('#link_id').click(function() {
$('#bild_id').toggle('slow', function() {
// Animation complete.
});
});
});
Hallo! Danke für eure Antworten - ich komme der Sache näher.
Was für "onLoad" noch ganz hilfreich sein könnte ist:
http://stackoverflow.com/questions/1383870/jquery-how-do-you-get-an-image-to-fade-in-on-load
Ivh werd bereichten, wenns läuft!
Grüße
So wie verpsrochen wie ich es gelöst hab:
1. jquery eingebunden
2. Javascript-Datei mit Inhalt
window.onload = function() {$('#image_fade').fadeIn(1000);};
eingebunden
3. Den Bildern mit
tt_content.image.20.1.params = id="image_fade"
eine id verpasst -> muss nicht für jeden sinnvoll sein!
4. Da es vorher im Safari noch zu "blitzen" kam - das Bild wurde als es schon fast geladen war ausgeblendete und dann wieder eingefadet - habe ich noch
#image_fade {
display:none;
}
zugewiesen, damit es wirklich nur eingefadet wird.
PS: Bei dieser Variante sieht man bei ausgeschaltetem JavaScript keine Bilder..
Hoffe das hilft noch anderen!