/    Sign up×
Community /Pin to ProfileBookmark

Javascript Image Rotator from folder

Copy linkTweet thisAlerts:
Dec 16.2009

Would really appreciate any help with my request….

Im looking to setup a project for my uni assignment. its going to be a time radio site and i’m looking to create a page that has some javascript to carry out an image rotation.

I want to have:
– three images side by side
– all images to rotate from a folder containing 100+ pictures
– they all have different file names and extensions but i can change them if need be
– i want the images to rotate automatically without the page having to be reloaded or mouseovers or anything
– i would like them to rotate on different time frames i.e. first picture 3 sec rotation, second picture 5 seconds, third image 7 seconds…. something like that

if any can help me with this i would be really grateful…

iv tried scanning the web but come up short. cant use php or anything its got to be a html page using javascript.

just to point out im not cheating by the way the module im doing it for is for media design not programming just cant find the code to do what i want.

again thanks for everyones time

cheers

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@justinbarneskinDec 17.2009 — The big problem for me would be to get the images in the folder.

I can do it with IE only with a security prompt but that isn't good enough here. I also

have a PHP script that can do it but you have disqualified that too.
Copy linkTweet thisAlerts:
@LorinDec 21.2009 — The big problem for me would be to get the images in the folder.

I can do it with IE only with a security prompt but that isn't good enough here. I also

have a PHP script that can do it but you have disqualified that too.[/QUOTE]

This is close to what I'm looking for, and PHP would be fine on the forum that I'm running. Could you please post that code, or email it to me, thanks.
Copy linkTweet thisAlerts:
@LorinDec 21.2009 — Thanks, that will be a big help.
Copy linkTweet thisAlerts:
@AliasJaneDoeDec 28.2009 — You probly want this then,

http://www.javascriptkit.com/javatutors/externalphp2.shtml[/QUOTE]


That's brilliant! Is there any way to make it generate something other than an array? Such as, my code uses main images and thumbnails, rather than a slideshow, and I'd like this to generate the list for that. My list needs to be like this:
[CODE]
<li class="active"> <a href="1.jpg"><img src="1thumb.jpg"></a></li>
<li><a href="1a.jpg"><img src="1athumb.jpg"></a></li>
<li><a href="1b.jpg"><img src="1bthumb.jpg"></a></li>
<li><a href="2.jpg"><img src="2thumb.jpg"></a></li>[/CODE]
And so on.

Is this possible?
×

Success!

Help @grandeani_hotma 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.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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

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