Improve company productivity with a Business Account.Sign Up

x
?
Solved

Revolving Image Using JavaScript

Posted on 2009-03-31
3
Medium Priority
?
684 Views
Last Modified: 2012-05-06
Take a look SAP's main page: http://www.sap.com/usa/index.epx.  I'm working on a site with the same general appearance, but the client wants the multiple images to fade in and out rather than a single fixed image.  I don't think Flash is feasible here because I want to keep the text boxes that reside on top of the image.  (See "SAP Solutions" and "SAP Services." The gray background is part of the image, but the text is HTML.)  Can I rotate the images in and out with a nice fade using JavaScript?  If so, can someone point me to a good block of JavaScript that will accomplish this?
0
Comment
Question by:jdana
  • 2
3 Comments
 
LVL 29

Accepted Solution

by:
David H.H.Lee earned 1000 total points
ID: 24035762
hi jdana,
>>..Can I rotate the images in and out with a nice fade using JavaScript?
Ok, these links may give you the idea how to resolve it.

Rotate Image
===========
http://www.walterzorn.com/rotate_img/rotate_img.htm

Fade-in and Fade-out effect
======================
http://brainerror.net/scripts/javascript/blendtrans/


0
 
LVL 29

Assisted Solution

by:David H.H.Lee
David H.H.Lee earned 1000 total points
ID: 24035788
hi jdana,

If you're looking for image rotator, try this script:
http://javascript.internet.com/miscellaneous/random-image-rotator.html

0
 

Author Closing Comment

by:jdana
ID: 31565096
Apologies for the extremely slow response.  Thanks for two terrific posts.
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

I have found that much of my time doing support ends up being a constant repetition of the same steps to different people.  Early on I stated using web pages with Frequently Asked Questions (FAQs) to alleviate most of the burden.  Sometimes this jus…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

586 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question