• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1115
  • Last Modified:

How do I create a web image ticker

I have a number (30+) images.  I would like to create a web page with an image ticker - i.e. have, say, three images on screen and then rotate through the 30+ images (like a news ticker only with image files).
2 Solutions
You can do this with javascript if you do not have any form of server side scripting language to use such as PHP or ASP. The basic idea is to save the various possible image files in an array in Javascript, then randomly select one of them and set the image SRC attribute to it.

Then you'll probably want some nice looking transitions between the images, set it up on a timer, maybe have some extra information swap with the images (e.g. a caption), make a clickable link change too... etc

It quickly gets complicated as you hang bells and whistles on it, so I suggest you find a nice example that somebody else already made, like these:


@Frosty555 you are right, this is probably best acheived in Javascript. If you get under the hood of it there is plenty you can do.

Also, you may want to investigate some JQuery code that is in public domain.

http://code.google.com/p/galleria/ and its sample page at http://devkick.com/lab/galleria/demo_01.htm#img/flowing-rock.jpg

... this is a really nice gallery. Read  up on JQuery.


Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now