We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now

x

How do I create a web image ticker

Medium Priority
1,138 Views
Last Modified: 2013-12-25
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).
Comment
Watch Question

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:

http://javascriptkit.com/script/script2/randomslide.shtml
http://www.javascriptkit.com/howto/show.shtml
http://www.dynamicdrive.com/dynamicindex14/image4.htm


Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts
@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.

Gary
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.