genrating an html with image changing after 5 seconds

Question

0.00/5 (No votes)

See more:

hi,
I know basic html,
is there any way i can generate an html which has 4 images where image refreshes after every 5 seconds.

Thanks in advance

Posted 4-Apr-13 6:27am

srastogi85

Add a Solution

Comments

enhzflep 4-Apr-13 13:15pm

I suspect it's not what you want, however, it is what you asked for.

"Yes"

fjdiewornncalwe 4-Apr-13 14:04pm

My thoughts exactly.

Monster Maker 4-Apr-13 13:25pm

do you need a slideshow?

srastogi85 4-Apr-13 13:27pm

yes can say a sort of slideshow only as for each image time after which it should change will be defined

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2013-04-04T06:31:00

Solution 1

Try interval thing. Have a look at the Javascript setTimeout function:
Tutorial - Using setInterval and setTimeout[^]
Javascript Timers[^]

Posted 4-Apr-13 6:31am

Sandeep Mewara

v2

Comments

fjdiewornncalwe 4-Apr-13 14:04pm

+5. Probably what the OP is looking for.

Sergey Alexandrovich Kryukov 4-Apr-13 15:22pm

Sure, a 5.
—SA

Pablo Aliskevicius · Answer 2 · 2013-04-04T06:37:00

Solution 2

There are two ways:

Animated GIF. Google a bit. My favorite image editor is GIMP (available for Linux and Windows at least), but you may prefer another. Basically, you create a repeating 'movie' that shows one frame every 5 seconds, and then loops back to the beginning.
Use Javascript, see http://www.w3schools.com/js/js_timing.asp[^]; you may use setInterval(), and either replace the "src" attribute of a "img" tag, or (a little more advanced), change the style of the "img" to show different sprites. The idea is that if you have 4 images, each of them 200x100 pixels, you save them as a 200x400 bigger image, and you use css to change the offset of the visible part, like 'sliding' the image behind a viewport.

Your choice depends on the available tools (image editor), and your personal preference (do you want to sharpen your Javascript and CSS, or not).

Hope this helps,
Pablo.

Posted 4-Apr-13 6:37am

Pablo Aliskevicius

Comments

Thomas Daniels 4-Apr-13 12:45pm

Hi,
You posted a link to W3Schools. In my opinion, that's not a good idea. If you want to know why, have a look here: http://www.w3fools.com/[^]
I don't vote, because before I saw w3fools.com, I also posted links to W3Schools.

Pablo Aliskevicius 4-Apr-13 14:40pm

Thanks for your comment; and more than that, thanks for the link!

Thomas Daniels 5-Apr-13 3:29am

You're welcome!

Sergey Alexandrovich Kryukov 4-Apr-13 15:35pm

Interesting site, thank you for sharing.
I also put referenced w3schools.com a lot, for their convenience, and do use some obsolete features like "big" tags. However, I think that even w3fools.com claims need checkup.
Also, even though the standardization is much better than the disaster of following ad-hoc needs, even the standards should not be taken as the ultimate authorities, because sometimes they contain some mistakes: inconsistencies or simply questionable features which are doomed to be deprecated in future. In particular, I feel somewhat suspicious about HTML5. A mere fact that it does not enforce well-formed XML (there is XHTML5) does not allow me to be 100% serious about it. And XML itself was found to have rough inconsistencies described in annotated XML reference (http://www.xml.com/axml/testaxml.htm)...
—SA

Thomas Daniels 5-Apr-13 3:30am

Thanks for your explanation!

srastogi85 4-Apr-13 12:46pm

Hi Pablo,
thanks,
I will tell you the requirement , i will have 4-5 images saved in database with time in another column after which they should refresh,
Now once i get this info from DB , i need to generate an HTML which can perform this functionality .
your suggestions , should i generate an HTML with javascript to perform this, or
can it be done only throgh HTML

Pablo Aliskevicius 4-Apr-13 14:43pm

I'd suggest to send everything but the pictures themselves to the client when loading, then using setTimeout() or setInterval() and AJAX to get the pictures themselves. Not exactly the realm of 'basic HTML' any more.