How do i create a nice looking image fadein onload with mootools?

Posted by woobione on Stack Overflow See other posts from Stack Overflow or by woobione
Published on 2010-05-20T18:35:44Z Indexed on 2010/05/20 20:20 UTC
Read the original article Hit count: 247

Filed under:

mootools

|

fadein

|

onload

Hi everyone!

I´m creating a website for a photographer who would like a fine fadein on his images. I have excluded flash as a solution and would like to use those fine-looking effects of mootools fx. But the problem is that I'm really lousy when it comes to javascript. So if anyone could give me an easy solution for fading in one single image onload and when the image is loaded I would be really happy. I know there is a lot of different people out there who have this. But the problem is that i don't know how the code works even if it is a complete solution. So most important. If anyone has got the time to explain what every single line of code does i would be more than grateful. Thanks!

© Stack Overflow or respective owner

Related posts about mootools

Why is jQuery so widely adopted versus other Javascript frameworks?

as seen on Stack Overflow - Search for 'Stack Overflow'
I manage a group of programmers. I do value my employees opinion but lately we've been divided as to which framework to use on web projects. I personally favor MooTools, but some of my team seems to want to migrate to jQuery because it is more widely adopted. That by itself is not enough for me to… >>> More
mootools element is null using calendar EightySix plugin

as seen on Stack Overflow - Search for 'Stack Overflow'
i m using mootools Eighty six calendar from this link i download the code and customize according to my need , it's working good on single HTML page but when i embed this code with my php page then it display below error element is null [Break on this error] element.appendChild(context);\n (on… >>> More
Mootools in Rails

as seen on Stack Overflow - Search for 'Stack Overflow'
For my client side development I use MooTools primarily, I have also just recently started learning rails. What is the best method of using Mootools in rails pages? Just adding my code inline like I would any other server side language? Or is there a better and cleaner way to do things? Basically… >>> More
Help transcoding simple jQuery to mootools

as seen on Stack Overflow - Search for 'Stack Overflow'
$(".container").hover( function(){ $(".child-1").hide(0); $(".child-2").show(0); },function(){ $(".child-1").show(0); $(".child-2").hide(0); }); A project I have requires that I use mootools, but I never used mootools, and jquery… >>> More
Does Mootools prevents javascript closure 100%?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, While I was talking about javascript closure to my friend, I was told that using Mootools can prevent closures 100%. To my knowledege, a variable causes a closure. How does Mootools itself prevents javascript closure? I think my friend is sayting that Mootools' functions are closure-safe functions… >>> More

Related posts about fadein

JQuery fadeIn() moving other CSS elements on fadeIn()

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I've just been learning some jQUery to get a basic image gallery going on a website I'm creating for a hotel but it's currently not going to plan. I've got it so the arrows will cycle through images (no animation yet) but I decided that the arrows should fade in when the image is hovered over… >>> More
jQuery fadeIn fails with jqQuery form-plugin

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a message that I want to fadeIn when a form is successfully send. I'm using the jQuery form plugin and the code: $(document).ready(function() { var options = { target: '#output', beforeSubmit: validate, resetForm: true }; $('#holdform').ajaxForm(options); }); The validate function works… >>> More
jQuery fadeIn/fadeOut loop problem

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi. I'm trying to do a sequentiall animation with a loop....but i can't accomplish it in a smooth way (some "lag" problems). jQuery var i = 0; var b = 0; var fades = function(){$(".caja").stop(0).each(function(){ $(this).delay(i * 500).fadeIn('slow', function(){ $(this).delay(5000).fadeOut('slow'… >>> More
Thumbnails fadein fadeout specific div fade issues

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using this code to hide and show a div based on which thumbnail you rollover; $(document).ready(function(){ $('div.infodiv').hide(); $(".website_thumbs a").hover( function(){ var name = $(this).attr("name"); $(".infodiv").stop(); $("."+name).fadeIn(); … >>> More
How to fadein and fadeout in single UIView?

as seen on Stack Overflow - Search for 'Stack Overflow'
example i try to change cell.accessoryView from picture1 to picture2 by fadein but my problem is i only have one accessoryView(one UIView) any idea? >>> More