[JS] Slideshow Script

[magicyte]

1) CODE TITLE: Slideshow Script

2) AUTHOR NAME/NOTES: magicyte (aka 'Chris')

3) DESCRIPTION: Freelance made by myself for a symphony's website. The site is still under construction. It has a Back link, Next link, and Pause/Play link. The images have links to websites. This was originally made for displaying concert images.

4) URL TO CODE: slideshowScript.zip

The description speaks for itself.

[Nile]

Your coding is very unusual. Usually someone would have a function that adds opacity to the image instead of you doing it manually. Also why are you calling it js/css, it should be just js I think.

[magicyte]

Usually someone would have a function that adds opacity to the image instead of you doing it manually.

What do you mean?

-magicyte

[Snookerman]

The fading effect is very "bumpy". jQuery would do this a lot better.

[magicyte]

Yes- I do agree that it is bumpy. When I tried to make the fading effect smooth, in FF, it just went through the fading instantly so it just stayed opaque throughout the whole thing. I don't know why it won't work, though... However, it did work in IE when I made it smooth. Any who, if you want a smooth fading effect, you can increase the fading in the 'fade()' function.

-magicyte

[Snookerman]

I didn't look at the script code since JavaScript is not my thing, but maybe you could use jQuery for the effect?

Edit: Or wait for Nile to explain his suggestion

[magicyte]

I could use jQuery, but I'd rather not for the moment. I would if I figure I can't do this on my own w/out jQuery. If I can recreate something alike to jQuery, I just use that. If I can't, I guess I'll have to use jQuery.

-magicyte

[Nile]

I didn't look at the script code since JavaScript is not my thing, but maybe you could use jQuery for the effect?

Edit: Or wait for Nile to explain his suggestion

Usually a fade would be something like:

var i=0;
i+=1;

But your doing:

var i = 0;
i = 20;
i = 50;
i = 90;
i = 100;

Take a look at this in Firefox(doesn't work in IE):
http://niler.net/examples/gallery/
(Made by: Nile, thetestingsite)
It scrolls smoothly. Look at the source.
And it increases a variable.

[magicyte]

I tried that (that being the variable incrementor), but for some reason it hadn't worked! I didn't understand why... There was no error flagged, but it wasn't fading correctly. Any idea how this could have happened?

-- BTW, it does work in IE (8, that is)

-magicyte

[Nile]

Post the code that you were trying(I suggest in a helping topic, don't post it here).