PDA

View Full Version : Ajax Slide


Rihoj
11-03-2009, 02:33 PM
Hello. I am currently working on a website for a friend, and I have seen on other websites how when new information is found it is slide down into view in the div. I often see it in chat boxes. I know this has something to do with styling, but I am not sure what exactly, I could modify some other text slides I have found, but they all start at the edge of a page... so I don't know how to get it to only show in that div.

Also I have a similar thing I am working on that will look something like the video menu on this site:
http://naruto.viz.com
I know that is done in flash, but I was wanting to create something like that in ajax, that will display pictures sliding across the screen when an arrow is clicked... or when a certain part of the div is hovered over...

Thanks in advanced.

tomws
11-03-2009, 03:35 PM
Have you checked out jquery UI (http://jqueryui.com/home)? See the Demos & Documentation link.

Rihoj
11-03-2009, 04:30 PM
Thanks for the link, but that is not quite what I want. The slider it had was like a bar... and as for the first issue I could not find anything I wanted in there. If it is not possible to get something to slide into a div, the way I asked, then maybe a fade in.
Also I want to try to avoid adding premade items like JQuery just because I like to say I personally have the experiance, and also I don't have to rely on another programer to take care of things. The one thing I rely on like that is phpBB3. And that is because it is a very complex system that is easily editable, and very nice layout, design, and it is easy to add to.

tomws
11-03-2009, 04:39 PM
Apparently you stopped at the slider widget. Look around more. See Effects>Show and Effects>Hide for showing/hiding content, Effects>Effect for general animation, and the Methods page (http://jqueryui.com/docs/Effects/Methods), for a small overview and a link to Easing. See also: Plugins>Animation & Effects (http://plugins.jquery.com/project/Plugins/category/48).

I'm still finding my way around jquery, but I think you'll find you're only limited by your imagination and the effort you're willing to put into the project.

Rihoj
11-03-2009, 05:38 PM
Thanks. Those are exactly what I need, I will see if I can figure out how it works, and create my own . . .