Viewing images on other computers

[mattyfergus]

Im currently designing a website with blue voda, ( www.citylifelive.co.uk ).
But I need to have more than one person working on it at the same time.
I have pasted a short-cut to the pages in my public file, but when I open the pages to work on them from another computer, the images cannot be found.
I cant figure out how to resolve this problem.
I have tried publishing the pages anyway and some of the images do show once live but only some.
Can any1 tell me how sort this out as it is vital that more than one person can edit and publish the pages from different computers.

Thanks in advance for any help provided.

[Collectors-info]

Must admit, this sort of thing is a pain. But you will have to copy your images to the new computer & reinsert your images again.
Only as an idea! You can insert your images with code & not have to do this again. IE: popping the code below into a html box.

<img src="http://www.citylifelive.co.uk/bv01805.jpg" alt="A look at the bedroom." border="1" style="width:322px;height:381px;border-color:#480048;">

Good luck.

[mattyfergus]

Thanks alot.

I think the HTML would be the best idea, but how do i make the code for each image?

If I knew how to do this for every image, then it would definutly solve my problem.

[Adrian Hughes]

Thats a fantastic looking homepage..... can I ask a quick question... how did you decide on which Cities/Towns to use? I'm building a wedding website and spent AGES trying to decide which and how many Cities/Towns to include

Many thanks

[mattyfergus]

Days of research to see what towns/cities had lots of things going on.

[Collectors-info]

Originally Posted by mattyfergus

Thanks alot.

I think the HTML would be the best idea, but how do i make the code for each image?

If I knew how to do this for every image, then it would definutly solve my problem.

Hi, just upload all your images to a folder called images (That you created) & change the parts of the code below in blue for each of your image.

<img src="http://www.citylifelive.co.uk/images/bv01805.jpg" alt="A look at the bedroom." border="1" style="width:322px;height:381px;border-color:#480048;">

You can get away without using the http://www.citylifelive.co.uk part in the code. But will then, not allow you to see the images in preview on your own machine.

[mattyfergus]

Thanks for the reply Chris.
I think I understand most of the codes. The one part I dont understand is
bv01805.jpg
I ashume that this decides which image is displayed.
Can you tell me how to make this part of the code & what it means.

Thanks

[karenwms63]

the bv01805.jpg is a "make believe" name of a picture for the purpose of showing you where to put the actual name of your image.

[Collectors-info]

Hi, as Karen says, its one that the BV program makes up. The advantage of doing it with your own code is it will be more SE friendly with the image having a good name & a good alt code.

[mattyfergus]

I just cant seem to make this work.
I've done what you said but it wont work.
I dont know were im going wrong.
Could you offer any more instructions.

Thanks

[karenwms63]

citylifelive.co.uk/liverpool%20waterfront.jpg

this is an image from your index page. To start with you have to fix the percentage problem in your image names. This image should be named...

liverpool-waterfront.jpg or liverpool_waterfront.jpg or liverpoolwaterfront.jpg

Because white space, or spaces between words, in the name of images, or pages, causes browser problems and slows the loading of your pages or images.

So it would be (if you use follow my suggestion to rename images).........

<img src="http://www.citylifelive.co.uk/images/liverpool-waterfront.jpg" alt="Lights reflecting from Liverpool waterfront." border="1" style="width:300px;height:250px;border-color:#480048;">

........not sure of border and color, but you see the changes?

Remember that the alt text should be a description of the photo as if you were blind and couldn't see the photo........

[karenwms63]

Originally Posted by Adrian Hughes

Thats a fantastic looking homepage..... can I ask a quick question... how did you decide on which Cities/Towns to use? I'm building a wedding website and spent AGES trying to decide which and how many Cities/Towns to include

Many thanks

If you want your site to succeed, you would not fail by following the suggestions and posts by Marincky.

[Collectors-info]

Hi, Karen's code will work if you have made the directory/folder up called images. If not! it will only work with this code.

<img src="http://www.citylifelive.co.uk/liverpool%20waterfront.jpg" alt="Lights reflecting from Liverpool waterfront." border="1" style="width:300px;height:250px;border-color:#480048;">

[mattyfergus]

Thanks for the help guys, much appreciated.
I think i have figured it out.
The code does not work for other images unless I save them from my website, then publish them 1st. Then I can make and publish the code and delete the image and it works.
Is this the correct way to go about it or will this give future problems for people viewing the site?

Thanks again

[mattyfergus]

oh, forgot to mention.
This is when using chris's code

[Collectors-info]

Hi, code seems to be working fine. IE: This different image.........

<img src="http://www.citylifelive.co.uk/shopping.jpg" alt="Lights reflecting from Liverpool waterfront." border="1" style="width:540px;height:300px;border-color:#480048;">

Is working from your site. But at the moment your images are in the public_html directory, so naturally you wont be using the images directory.
Can you post a page where its not working.

[mattyfergus]

If you go to www.citylifelive.co.uk/test.html you will see a image of two pint glasses placed in the middle of the paintballing picture.

To do this I saved the image again from my site as pintglasses. Then I edited the code and published it, but it would not show. Then I published the image (pintglasses) on the page with the code and it worked. So i removed the image (pintglasses) and published the page again and the code worked.

Below, is a box where i tried to put the image of the woman shopping ,well just her legs.
I edited your code by putting the name I have it saved as on my computer (shoppin1) but the image will not show.

And can I ask what the public_html directory and the images directory are?
I have no idea

[mattyfergus]

m

[Collectors-info]

Hi, using this code, you don't have to place an image on the page at all. You create a folder in your cpanel under the Public_html directory (This is where you normally publish pages). This new folder can be called any name you wish, but images would be good.
You now take all your images that you want to use on the site & place them in the public_html/images/ folder by using FTP & forget about them.
Now to link to an image in this folder, it would look like this.

<img src="http://www.citylifelive.co.uk/images/shopping.jpg" alt="Lights reflecting from Liverpool waterfront." border="1" style="width:540px;height:300px;border-color:#480048;">