Need a little help for showing up images on an html website.

Question

0.00/5 (No votes)

See more:

I am working on a simple website with some js too and i got a task to make a a simple page which is only for showing up few images properly with thumbnails(with a uniform icon) aligned one after another.

Its something like you're on homepage and you click "photos" tab on menu bar, it opens a new page (say, images.html) which shows up all those photography photo blocks thumbnails one after another.
You hover onto them, clicking will pop up that thumbnail to see the bigger size (just what js does).
Cut that image, open another and so on.

The main problem is that the images in there will be changed on daily basic (client needs it to be that way) and he actually wants to upload paper cutting scanned photos everyday.
Means if there are 50 blocks to show 50 images, he's going to put 50 images everyday.

If he gonna upload files everyday (renaming new ones and overwrite previous images and changing paths of images on html page everyday. thats not what he wants)

What is the best, easy and reliable way to that everyday.

Just if he needs 50 new images for today, he upload those images in a folder and they are showing up in these thumbnails automatically.

Note: He wants to change images everyday.

Posted 13-Mar-14 22:03pm

Member 9874827

Add a Solution

1 solution

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 · 2014-03-14T08:27:00

From your list of images (perhaps from a server-side folder [perhaps with scandir() ] and use your list to populate php-generated images (in a loop)

PHP

foreach($imgFile as $img)
  ECHO "<img src="$img">";</img>

You will also need to dynamically create the location coordinate styles and appropriate size attributes [ height and/or width ]. If you wish to seem a bit more clever, you can get the screen dimensions from the client and either size the images or modify the count/row based upon the value.