|Mar 5, 2008, 09:01 PM||#1|
Code for Randomly changing an image on a website
I am designing a website. There is a picture near the top header by the logo of the company. I want the picture to change out every so often automatically, not a rollover. It would be nice if it would fade in and out. Is this a flash thing? I am designing it using HTML/CSS. I would prefer to use that because I do not know flash. Thanks
|Mar 5, 2008, 09:06 PM||#2|
It's pretty simple in flash... (haven't played around in flash in years though, don't recall how to)
or just make it an animated GIF.
MacBook Air • 17" MacBook Pro • iPod Nano • Apple TV"Good judgment comes from experience,
Custom Windows 7 Desktop • Surface RT • WP7
experience comes from bad judgment." - Mulla Nasrudin
|Mar 5, 2008, 09:14 PM||#3|
[HTML]<img id="theImg" src="image.jpg" alt="logo" />[/HTML]
See this site for some code for doing image transitions.
Last edited by angelwatt; Mar 5, 2008 at 09:34 PM. Reason: added link for image transitions
|Mar 5, 2008, 09:22 PM||#4|
The JS framework has functions which let you add "effects" to DOM elements (like a an IMG or a DIV containing an image). These effects are achieved by re-styling the CSS of the element many times very quickly, so it looks like a smooth transition, or fade, or color shift, or what have you.
For a picture switcher, you'll have to figure out a way to get all the pictures in the same spot as well. If you don't have a lot of pics, you could load them all into an array. If you do have a large pic library and don't want to the user to have to download them all, you're looking at AJAX requests.
What you're trying to do sounds simple, but it really isn't that simple. So if you're still learning html/css, you should probably put it aside for later.
Unless some clever chap around here knows a better way...
edit: Angelwatt beat me to it
|Thread Tools||Search this Thread|
|thread||Thread Starter||Forum||Replies||Last Post|
|How long does it take for Apple to correct an error on their website?||spinnerlys||Apple, Industry and Internet Discussion||3||Jul 2, 2010 01:08 PM|
|Dragging an image on top of an image from the camera...||pyroblue||iPhone/iPad Programming||0||May 31, 2009 10:55 PM|
|How do I randomly rotate an image on a webpage after each page refresh?||macaddict23||Web Design and Development||3||Jun 11, 2008 02:22 AM|
|Stitching Together images on a website||Computer_Phreak||Community||12||Apr 15, 2003 07:45 PM|
All times are GMT -5. The time now is 08:30 AM.