How to make alternating images on HTML code?

Question

1.00/5 (1 vote)

See more:

So I am a very new coder on the block, actually probably should not even consider myself a coder but that's besides the point. I am building a web/blog page with images/icons on the left and and text on the right. How can I make it where the images are alternating? I believe it would be a cleaner look on the web page but because of my lack of knowledge on HTML I am quite lost. Please help if you can!

What I have tried:

Haven't tried much in all honesty I am afriad to mess up certain work and be more lost than I currently am.

Posted 11-Jun-19 10:17am

MSG7714

Updated 14-Jun-19 7:12am

Add a Solution

Comments

Mohibur Rashid 12-Jun-19 2:15am

I am not exactly sure what do you mean by alternating image. How does this "alternating image" will work in practice?

4 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)

W∴ Balboos, *GHB* · Answer 1 · 2019-06-14T06:10:00

It may be that it's style that you're thinking of rather than (or along with?) HTML

Check Here for how styles work - I put you in the middle of things but there's a tutorial that's very user friendly for both HTML and CSS: CSS Pseudo-elements[^]

In this case, find the pseud-element reference page and one allows skipped formatting. I once used it to simulate "green bar" paper.

Patrice T · Answer 2 · 2019-06-14T07:12:00

Quote:
How to make alternating images on HTML code?

Computer programming is the art of being precise, and your question is not. There is at least 3 different things that match what you said.
Server side: you have a lot of images and you want to link a different one each time a client request the page:
- the server code pick a random image each time the page is requested.
- you have a counter and it is incremented each time the page is requested, then save new counter, when at the end of list, go back to first.
Client side:
- in Javascript, you set a timer (every 30 seconds1) which launch a piece of code that replace the image tag with another one. and you have a counter to keep track of last image.
HTML Tutorial[^]

mirzakouchak · Answer 3 · 2019-06-11T20:08:00

Solution 1

using img tag in html code with alt property solved you problem.

Posted 11-Jun-19 20:08pm

mirzakouchak

Comments

Mohibur Rashid 12-Jun-19 2:14am

Before jumping into conclusion to such a vague question, you should ask the OP, what he really wants to do.

Kirandeepk · Answer 4 · 2019-06-13T22:39:00

Solution 2

You can use "alt" tag inside image tag to insert alternate images in HTML code. Collaboratively, you may also use width and height of the image to make the size of image constant.

<img src="image.jpg" alt="Aternate-text-you-want-to-add" width="150" height="270">

Posted 13-Jun-19 22:39pm

Kirandeepk

Updated 13-Jun-19 22:42pm

v2

How to make alternating images on HTML code?

4 solutions

Solution 3

Solution 4

Solution 1

Solution 2

Add your solution here

Preview 0