Question

Okay, i’m very new to Javascript and i’m trying to create a slideshow with Scriptaculous.

However, i can’t see any way to define an area size for my Javascript element. Am i missing out on something?

I’ve been browsing through various sites and i’m getting zilch on any results.

If you don’t understand what i’m shooting at, i’m trying to place a Javascript slideshow into my HTML page, supplied with the effects from Scriptaculous (Effect.Fade and Effect.Appear).

How am i supposed to place my javascript to run in the id=”slideshow” div?

and what’s the difference with

function functionOne() {
}

and

var functionTwo = function() {
}

? Which one will work best for a slideshow, and why? I’ve read on the net that functionOne() runs at parse time and functionTwo() runs at runtime. Whats the difference?

Answer 1

A normal flow for this kind of plugins would be:

you select your DOM element first like this:

var container =  document.getElementById('slideshow');

then you need to call the slideshow script passing it the element to bind to:

container.AwesomeSlideshow(); 

or

AwesomeSlideshow(container);