/    Sign up×
Community /Pin to ProfileBookmark

Need to load different image everytime

Hello all,

I need to load a different image each time… more like a slide show in my HTML page. Any help is greatly appreciated.

Thanks,
Abhijith

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@Tweak4Sep 15.2005 — Just for clarification, are you wanting the page to display a different image each time the page is opened, or did you want a slideshow that will progress through a series of images at a set interval (without reloading the page)?

The first is fairly easy to do- one method would be to create an array containing the names of each image you want included in the "collection". Then use a random number generator to pick one of the array elements. You can then build your <img> tags with a document.write() statement, or set the src property of an existing image tag to the new filename. (If you use the second approach, you can also kick off a timer to run another function which would increment your random number by one, and then change the src property to the next image in your set after some amount of time. Just remember to reset your number to 0 once you get to the end of your array)
Copy linkTweet thisAlerts:
@AbhijithSauthorSep 16.2005 — Hello Tweak,

Im looking for the second approach, I dont want to hardcode the picture names or the number of pictures Im looking for something where I just want to display all the images in a particular folder.
×

Success!

Help @AbhijithS 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 5.2,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

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