Enlarging images trouble

[bobby_s2345678]

I am trying to upload images into my website via Dreamweaver, so when the thumbnail is clicked, they will display the larger image of them. I inserted the codes onto Dreamweaver and previewed it to make sure everything looks right. Dreamweaver's preview has all the images being enlarged with no problems. When I tried to upload my website on the local server, the larger images never show up. Image sizing shouldn't be an issue because I'm using the same dimensions from images that actually work, or I'm reducing the size by a few pixels. None of my images go above 600pixels and all images have a resolution of 72 pixels per inch, according to Photoshop.

What is the reason for my images not enlarging when my website is uploaded?

[osgood_]

bobby_s2345678 wrote:

I am trying to upload images into my website via Dreamweaver, so when the thumbnail is clicked, they will display the larger image of them. I inserted the codes onto Dreamweaver and previewed it to make sure everything looks right. Dreamweaver's preview has all the images being enlarged with no problems. When I tried to upload my website on the local server, the larger images never show up. Image sizing shouldn't be an issue because I'm using the same dimensions from images that actually work, or I'm reducing the size by a few pixels. None of my images go above 600pixels and all images have a resolution of 72 pixels per inch, according to Photoshop.

What is the reason for my images not enlarging when my website is uploaded?

Can you provide the url to the page so someone can take a look at the code?

Could be anything:

Images might not be on the server where the link to them is saying they are.

Have you actually uploaded the images to the remote server.

Are the images in RGB color space an not CYMK.

The best naming convention is to use small case letters and no spacing between words - my_image_of_ a_penguin.jpg

[bobby_s2345678]

Untitled Document

This is the url to the page. Only a few images can be enlarged when they are clicked on, but the others aren't. I have uploaded my entire website onto both local and remote servers and the error still occurred.

All images on the site are works that I have done beforehand, used Photoshop to reduce the sizes. I used "big" and "small" to distinguish the difference between the images and would be easier to understand in Dreamweaver. 

[osgood_ · Accepted solution]

The images are not appearing because they can't be found on the server

Hand Drawn - this is ok - the image is on the server where the link says it is:

http://www.coffeeduckinmaniac91.com/images/big%20typography.jpg

Adrian Frutiger - This is NOT on the server where the link says it is:

http://www.coffeeduckinmaniac91.com/images/big%20adrian%20frutiger%20poster.jpg

You will just get a 404 error not found.

Check that all the images that are not appearing when you click on the thumbnails are uploaded to your server and in the correct folder.

By the way your image naming convention is very poor and likely will lead to trouble. You should never leave spaces between the words. Use an underscore to join up the words, like below:

small_adrian_frutiger_poster.jpg

big_adrian_frutiger_poster.jpg

[hans-g.]

Hi Bobby,

as an addition to osgood_'s hint I'll underpin with an entry of my library:

In general, URL encoding spaces does not lead to problems.

The problems arise when your files have been named with spaces and before the encoding can occur, the browser tries to do something with those filenames that contain non-encoded spaces. On encountering the space, javascript will assume that the filename has ended and will begin looking for the WRONG element. Spaces get converted %20 which leads to problems. Whatever the details are, though, using spaces in filenames or paths is a bad practice which WILL lead to problems.

So please do not hesitate to change your filenames provided in the above manner. Here a conversion program could be very useful in order to keep the time and effort in limits.

Hans-Günter

[hans-g.]

Allow me to make a comment on "I used "big" and "small" ... In my eyes you could let appear the dimensions of "big" readily bigger. In my FF-browser I do not detect any great difference.