[JS] General Purpose Visual Effects Library

[boogyman]

I really want to use this on my site, But I don't know how to go about "installing it". I'm pretty HTML and Java savy but I'm confused as to what I need to do in order for this to run as shown, on my page. Any help would be great..!

this is a great question
You have a good page set up as a "demo" of how its implemented but I would suggest developing some support / documentation for this slideshow.
The support could be very limited, and actually just be documentation, however some sort of documentation on how to set it up would be very helpful. Also as this script evolves you might be releasing multiple versions, thus you should probably give some feedback about the difference between versions... eg 1.0 1.5 etc...

just my two sense, but your description of how to implement this on your demo page, or at least a link to a page that has the setup steps would prevent alot of questions such as this one being asked.

Alright

First of all there's nothing but to include the file to your document to "install" this script.
Since I did not used a class approach, you do not have to create objects etc. to use the effects.

The general usage for the functions is like this:

fadeNSlide(document.getElementById('content'), 0, -1, false, true, callbackFunction);

The above function contracts the element whose id is "content" to a height of 0 pixels with fading it to 0 opacity. And calls the "callbackFunction".

The first parameters is the object as you may understand,
the second oarameter, "0" is the target dimension(not height yet ),
following "-1" tells that this is a contraction(not an expansion) to the function so it fades out,
following "false" tells the function that you want this slide in vertical direction not horizontal,
Following "true" means you are calling the function, not the function itself so it should always be true while you are using.
The callbackFunction is called when the sliding is finished. You just write here the function's name or you may define a function right in here. The fadeNSlide function gives its object (in this case the element whose id is "content") as the first and only parameter to the callbackFunction when calling it. This parameter is optional so if you did not understand or do not need, you can simply not give anything

The above explanation is valid for fadeMe, and moveMe functions.

All other explanation's are on the code as comments just after the function's titles.

If you have any other questions please post here and I'll try to help

see above explanation

[BYK]

Hello,

First of all thank you for your helpful message, thus I understood that I have to make clear some points

The first thing I want to mention is that this is not a slideshow script This is a general purpose visual effects library which includes animated moving, animated fiex elements, fade in/out and slide down/up capable functions and a little bit other stuff.

I wrote

For now we have 4 libraries which are completely commented and the usage of the functions are broadly explained again in the code comments.

at the page whose link is given as the "URL TO THE CODE" but people instinctively wait some other type of documentation which I find not very strange.

I paid very much attention and effort on commenting in the uncompressed versions but this does not change the fact that we need a more simple and guidng demo page which I have in my to do list but not have enough time for now

Thank you very very much again for your helping message, thus, I think I can help more with our libararies with the help of those useful feedbacks.

PS: If you have time, your suggestions about the code commentation and explanations would be great help

[BYK]

The commentary system is changed to ScriptDoc standard which made the whole libarary much more easy to understand.

The whole comments are rewritten and the library is definetly is very easy to understand and use now. A more varied live demo is on the way
The InfoBox script is also based on this library and it is a good example to clearly understand the workings of the library.

You may find the complete specification for ScriptDoc @ http://www.scriptdoc.org/specification.htm

A direct link to the commented libarary: http://amplio-vita.net/JSLib_files/visual_main.js
And a direct link to its compressed version: http://amplio-vita.net/JSLib_files/visual_main_comp.js

Comments are appreciated.