Hey makgik. I havent tested this yet, so I can't promise anything,
but it should work. You need to use the document.ready event, as
above. So do this:
$(document).ready(function() {
..
});
then, within that, you first want to hide everything (instantly):
$(*).fadeOut();
Then, show the yellow or whatever (instantly perhaps):
$("div#yellow").fadeIn();
Then, bring in the black bar slowly:
$(...).fadeIn("slow");
Etc...
If you want to fire these effects one after the other (for non-instant
effects), then use the call back. For instance, to fade in div "A"
then div "B":
$("div#A").fadeIn("slow",function() { $("div#B").fadeIn("slow");});
and such. To time events, use setTimeoutInterval() with a callback.
I think that function works in milliseconds, so to wait, say, 2
seconds and then fade in div "A",
setTimeoutInterval(2000,function() { $("div#A").fadeIn("slow");}); of
course, you can then place a callback in that fadein as well to fire
another event afterwards.
If nested callbacks arent your thing, you can of course just read up
on the exact animation times and use separate setTimeoutInterval()
calls for each effect, or using setTimeoutInterval() you can allow
effects to overlap a little. You can really do anything you want with
these functions, this is just a quick primer. Have fun!
Ben Cherry
On Mar 26, 5:33 pm, makgik <[EMAIL PROTECTED]> wrote:
> Hi, thanks for your time put in answering my question.
>
> I'm not new at web developing at all. I'm using php/mysql/asp/access
> for quite long time now. But, I can't "decode" this ajax/javascript
> approach yet (and no time left for that). And this flash like
> interface functionality is also causing me headache :(
>
> Yes you're right I,m interested in fade/slide-in effect of the red
> content box when menu clicked, and also I'm not so sure how can I
> fade in the whole page, like in the mockup?
>
> Suppose I can do that, but then how can I distribute all the other
> effects to show in certain order?
>
> Thank you
>
> Any help appreciated.
>
> On Mar 26, 12:34 pm, sweetL <[EMAIL PROTECTED]> wrote:
>
> > How new are you to web developing?
>
> > XML / Database will be whatever you prefer.
>
> > Im guessing what you're interested in, is the fade/slide-in effect of
> > the red content box when you click a menu item.
>
> > You want to be looking at the animate() functionality.
>
> >http://docs.jquery.com/Effects/animate#paramsoptions
>
> > Bear in mind that you only want to pop the content into the box ONCE
> > the animation has finished... else its gonna be fugly.
>
> > On Mar 25, 9:11 pm, makgik <[EMAIL PROTECTED]> wrote:
>
> > > At first hello to everybody! I'm new to jquery and this group.
>
> > > I'm just starting to dig into the framework, and I need some kind of
> > > more concise guidelines on my very first project I'm trying to create
> > > with jquery.
>
> > > What I want is to clone this flash functionality
> > > here:http://asaucerfulofpixels.com/files/mockup.swfwithjquery.
>
> > > Can somebody please point me to some resources where I can learn how I
> > > can do this? Are there any specific plugins/extensions that I can use?
> > > Also, if it is possible, can I use some sort of simple backend cms to
> > > change the contents on the panels? And What's best to use for dynamic
> > > source: XML, Database or?
>
> > > Thank you so much in advance!
