OT-javascript question

Question

I'd like to have a javascript image gallery with controls
that look like that:
< 1 | 2 | 3 | 4 | 5 >
All images preload, and clicking on the numbers display the
corresponding image, without reloading
the page.
I have had no problem making the numbers work, but I can't
figure out how to make the previous and
next arrows work. I don't want them to be Form buttons, just
links that call a function that will
decrement or increment a variable and at the same time change
the image to the new variable value
(all my images are called "1.jpg" "2.jpg" "3.jpg" etc. so
this should be fairly simple...)
Yet I could not find a simple example of this on the web...
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Answer 1

> Beyond this, I have a general question: your script is
so simple, I don't
> understand why I would ever use Macromedia's set text of
layer behavior
> (or swap image behavior for that matter) which are way
more complicated.
> My question is why are these behaviors so complicated
while your script
> which just changes the source of an image by its id is
so incredibly
> simple. Is there a catch?
Mick's script is optimized for you and your specific
application. MM's
scripts are generalized to cover all bases - and to do error
checking.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"(_seb_)" <[email protected]> wrote in message
news:[email protected]...
> Mick White wrote:
>> (_seb_) wrote:
>>
>>> I'd like to have a javascript image gallery with
controls that look like
>>> that:
>>>
>>> < 1 | 2 | 3 | 4 | 5 >
>>>
>>>
>>> All images preload, and clicking on the numbers
display the
>>> corresponding image, without reloading the page.
>>> I have had no problem making the numbers work,
but I can't figure out
>>> how to make the previous and next arrows work. I
don't want them to be
>>> Form buttons, just links that call a function
that will decrement or
>>> increment a variable and at the same time change
the image to the new
>>> variable value
>>> (all my images are called "1.jpg" "2.jpg"
"3.jpg" etc. so this should be
>>> fairly simple...)
>>>
>>> Yet I could not find a simple example of this on
the web...
>>>
>>
>> CURRENT=1 //global
>> function next(max){
>> document.images["gallery"].src=CURRENT+".jpg";
>> CURRENT++;
>> if(CURRENT>max)CURRENT=1;
>> }
>>
>> Similarly with "previous"
>> CURRENT--;
>> if(CURRENT<1)CURRENT=max;
>>
>> Mick
>
> thanks a lot Mick.
> I have a few questions.
> I assume ["gallery"] can refer to the image ID, which in
my case is
> "mainImg"
>
> So I used:
> document.images["mainImg"].src=CURRENT+".jpg";
>
> and it sort of works, I also tried
>
> document.images.mainImg.src=CURRENT+".jpg";
>
> and it sort of works too.
>
> It works as long as I do not use the numbers in between
the previous and
> next arrows. But if I click on the numbers in between,
which so far use
> MM_setTextOfLayer() to swap the image, then the previous
and next arrows
> stop working, I don't know why.
>
> Beyond this, I have a general question: your script is
so simple, I don't
> understand why I would ever use Macromedia's set text of
layer behavior
> (or swap image behavior for that matter) which are way
more complicated.
> My question is why are these behaviors so complicated
while your script
> which just changes the source of an image by its id is
so incredibly
> simple. Is there a catch?
>
> --
> seb ( [email protected])
>
http://webtrans1.com | high-end web
design
> Downloads: Slide Show, Directory Browser, Mailing List