Solved

Trouble finding correct path to images

Posted on 2011-02-20
8
855 Views
Last Modified: 2012-05-11
Hi experts

While i was creating my website i used some javascript to create some revolving images in a div, the code below just grabs one image at a time from my images folder which is then displayed it in the div:

["http://localhost:54367/newwebsite/images/ResCloud.jpg", "", "", ""],
["http://localhost:54367/newwebsite/images/ResMount St Michelle.jpg", "", "", ""],
["http://localhost:54367/newwebsite/images/WHS2.jpg", "", "", ""],["http://localhost:54367/newwebsite/images/WHS3.jpg", "", "", ""]

I have now uploaded my website and i am testing it, now i need to change the path to the images in the images folder, the web-servers ip address is 94.136.40.75 and lets say my websites url is mywebsite.com does anyone know what path to use now i have uploaded my website?
0
Comment
Question by:dizzycat
8 Comments
 
LVL 16

Expert Comment

by:sjklein42
ID: 34938650
If the images are in a subfolder directly under the folder containing your main HTML page, this should do it.  Remember, paths are relative to the "current" web page so you don't need to repeat the IP address or anything like that.

["images/ResCloud.jpg", "", "", ""],
["images/ResMount St Michelle.jpg", "", "", ""],
["images/WHS2.jpg", "", "", ""],
["images/WHS3.jpg", "", "", ""]

Open in new window

0
 
LVL 16

Expert Comment

by:sjklein42
ID: 34938651
The same code should also work when you test it locally.
0
 
LVL 29

Accepted Solution

by:
Paul Jackson earned 167 total points
ID: 34938653
If you change to a relative path you shouldn't have a problem.
So the relative path would be like : ~/images/ResCloud.jpg
The ~ tells it to start at the website root level.
0
 
LVL 15

Assisted Solution

by:ludofulop
ludofulop earned 166 total points
ID: 34938655
i'm not sure what are you asking, but probably you just need to use path withou domain name, e.g. /images/ResCloud.jpg, etc.  (assuming that "images" folder  is placed in root of mywebsite.com domain.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:dizzycat
ID: 34938718
This is driving me nuts, i have tried

["images/ResCloud.jpg", "", "", ""],

and

["~/images/ResCloud.jpg", "", "", ""],

and

["/images/ResCloud.jpg", "", "", ""],

but none of them work.
0
 
LVL 16

Assisted Solution

by:sjklein42
sjklein42 earned 167 total points
ID: 34938754
From a browser, can you fetch the image directly? Maybe it isn't really where you think it is:
http://mywebsite.com/images/ResCloud.jpg

Open in new window

0
 
LVL 16

Expert Comment

by:BurnieP
ID: 34938835
Maybe you need to specify the website also, like you were doing locally.

["newwebsite/images/ResCloud.jpg", "", "", ""],

0
 

Author Closing Comment

by:dizzycat
ID: 34938888
After all that, it seems that there is some kind of problem with the images i am using, i tried the below code with a different image and everything works:

["images/cloud1.jpg", "", "", ""],

Thanks for all your help gentlemen.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

912 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now