/    Sign up×
Community /Pin to ProfileBookmark

Drift image slowly acrossWEB page

Copy linkTweet thisAlerts:
Nov 17.2003

I would like to be able to have two images (cloud.gif, and animated (randomly flashing) lightning.gif) start off of the right side of the page, slowly appear and drift across the page, disappearing off the left side of the page. The transition time across the page should be 15 to 20 seconds. The event should repeat after some delay. I have a cloud and lightning working in a fixed position on the page, but do not know how to begin to get them to drift across the page.

As I am a beginner, example code using any single image demo, would be greatly appreciated.

Thanks in advance for your help.

Newathis

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisNov 17.2003 — [b]I am a beginner[/b][/quote]
You should pick an easier project to begin with. ?

See attached.

[upl-file uuid=85b42743-644d-4045-95cb-87fb147e4e26 size=2kB]moveimg.txt[/upl-file]
Copy linkTweet thisAlerts:
@newathisauthorNov 17.2003 — Gil,

After seeing your code --- Good advice!!

I did not expect this to be so difficult. This obviously took you some time to do. I really do appreciate your effort and the timely response. The demo does exactly what I wanted. Now I look forward to adapting it to work with my two images..

I have monitored this site for only a short time since becoming interested in Javascript.

I marvel at the time everyone takes to help others.


Thanks again ---

You guys are great!!!
Copy linkTweet thisAlerts:
@gil_davisNov 17.2003 — Actually, I had been working on that for the past few weeks on a larger project. I just stripped it down. If you want to see my work-in-process, go to http://gil.davis.home.att.net/itlink2.htm
×

Success!

Help @newathis spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...