Multiple pages same images - easy way?

3 replies
  • WEB DESIGN
  • |
Hello there,

Man this hard to explain...okay, I have an HTML page which is your basic minisite design with graphics for the header, footer, etc.

I want to have individual pages for different people. The HTML page will be the exact same thing. The only way I know how to do this is like this:

Create a new folder/directory:

john-doe

Then FTP the images folder into the "john-doe" directory then create an index.html file and copy/paste the HTML in there so now when people visit mysite.com/john-doe they'll see that page.

I'm thinking there has to be an easier way. Not just being lazy but if I have 10 directories all with the same images folder seems like a waste of disk space/BW.

So I would have:

On the root:

mysite.com
mysite.com/john-doe
mysite.com/jane-doe

Etc. all looking the same.

Hope that makes sense.

Thanks.

Alan
#easy #images #multiple #pages
  • Profile picture of the author Istvan Horvath
    It's only a matter of space - not really bandwidth. If the site/page calls the images... doesn't really matter from where.

    Well, if you have the images at
    example.com/images/

    in the file that is at example.com/john-doe/index.html
    you can link to the images like this:
    ../images/file-name.jpg

    ../ = means go up one level and find the folder that follows after the /
    Signature

    {{ DiscussionBoard.errors[1970809].message }}
  • Profile picture of the author Istvan Horvath
    Actually, for future reference: you can link to images with absolute path and relative path.

    Absolute path: http://example.com/images/file-name.jpg

    Relative path:
    a) if in the same folder: filename.jpg
    b) if in different folder:
    - /images/filename.jpg = the images folder is at the root of the domain
    - ./images/filename.jpg = the images folder is "below" the folder where the html file is
    - ../images/filename.jpg = the images folder is "above" the folder where the html file is
    Signature

    {{ DiscussionBoard.errors[1971109].message }}

Trending Topics