Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
General Design: fade in a div#1 onload, start fade in div#2 when div#1 fully visible
Bottom of Page1 to 5 of 5
-
I'm redesigning my website which was built for me originally using all Flash. I want to use JQuery for my do-over.
To give my site entrance page some dramatic impact, I'm having my logo drop into place from the top of the window. I used a drop-in slide show script for this and altered it so it doesn't repeat after its first cycle through the jpg array.
I need help getting my slogan to fade from 0 to 100% opacity in a division just below this as soon as my logo has dropped in completely.
At the same time an ENTER SITE button should also go from 0 to 100% opacity in a division below this, at screen center.
I know that JQuery has a fadeIn command, but I don't know how to implement it. I've found several examples of far more complicated fade-ins triggered by onclick, etc, but nothing that simply fades in a jpg triggered by onload. Can someone advise me on how to write the whole code for this?
Is JQuery a good choice for this?
I like the esthetic of using enhanced Javascript instead of a Flash movie if possible.
Thanks in advance for any help offered by any of you!
Mike Storer, a perfumer in Los Angeles.
michaelstorer.com -
-
CommentAuthorbenjitastic
- CommentTimeMar 13th 2010 edited
Hi Michael,
You could try something like this:<script type="text/javascript">
$(document).ready(function() {
$("#logo").slideDown('medium', function() {// callback function executes when sliding is complete
$("div#fade").fadeIn();
});
});
</script>
<style type="text/css">
#logo, #fade {display: none}
</style>
Or if slideDown() is not what you're looking for you could hide the logo offscreen and animate() it into view.
I hope that helps some.
Ben
benjitastic.com -
-
- CommentAuthordavismathew
- CommentTimeApr 16th 2010
To be social is very positive aspect in this age of materialism. Life is moving very fast and embedded with full luxuries. In this fast life mcse is too facilitating for your comfort and minimizing all tensions. -
I have found very useful information over there, thanks for sharing this. please try to add more informative posts in order to keep us in touch.
regards,
casio watches -
I'm new to jquery and I might not be able to give some inputs on your problem. But I liked your idea on your entrance page. Magnetic Sponsoring Ebook
1 to 5 of 5