The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Images work offline but not online, Images work offline but not online
luck7
post Oct 3 2013, 04:17 AM
Post #1





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



Hi,

Recently i've started to build a website.

I've linked all my photo's right, and they are in the directory ../images/name.jpg etc.
While i check the website out in mozilla firefox or internet explorer (offline mode), it works fine. The pictures are shown as they should.

When i upload all the files to my webhost, they dont seem to work..

Could some one please help me out with this issue? Its important!

Thanks in advance!
luck7

PS: Code of images below.

CODE
<div class="contentsection dark" style="background:url(images/mastimag.jpg) 50% 50px no-repeat;">
                <div class="content">
                    <div class="stage">
                        <h1>Foto's</h1>
                        <p class="callout"></p><br>
                        <div id="contentright">
                            <div id="slideshow" class="flexslider">
                                <ul class="slides">
                                    <li><img alt="project" src="images/fun1.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li>
                                        <img alt="project" src="images/fun2.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li>
                                        <img alt="project" src="images/fun3.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li>
                                        <img alt="project" src="images/fun4.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li>
                                        <img alt="project" src="images/fun5.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun6.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun7.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun8.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun9.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun19.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun11.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun12.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun13.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun14.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun15.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun16.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun17.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun18.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun19.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun20.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun21.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun22.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun23.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun24.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun25.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun26.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun27.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun28.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun29.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun30.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun31.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun32.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun33.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun34.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun35.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun36.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun37.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun38.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun39.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun40.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                    <li><img alt="project" src="images/fun41.jpg" class="roid"/>
                                        <p class="flex-caption">Pronto Borger</p>
                                    </li>
                                </ul>
                            </div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2013, 06:56 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Could you post the URL to the non working page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 07:33 AM
Post #3





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(pandy @ Oct 3 2013, 06:56 AM) *

Could you post the URL to the non working page?


http://www.pronto-borger.nl
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2013, 08:03 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Well, the images aren't where you say, not under the names you use in the image tags anyway.
http://www.pronto-borger.nl/images/fun1.jpg

Could it be a problem with case? If you are on Windows it would work anyway even if different case is used in the src and the actual file name, but probably not on the server.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 08:44 AM
Post #5





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(pandy @ Oct 3 2013, 08:03 AM) *

Well, the images aren't where you say, not under the names you use in the image tags anyway.
http://www.pronto-borger.nl/images/fun1.jpg

Could it be a problem with case? If you are on Windows it would work anyway even if different case is used in the src and the actual file name, but probably not on the server.



And that is why i find it strange. Because they are in that directory on ftp.

Domains > pronto-borger.nl > public_html > images > fun1.jpg, fun2.jpg etc etc..

I've also tried other img src's like <img src="../images/fun1.jpg" /> or <img src="../public_html/images/fun1.jpg" /> and much more. None of them seem to work.

EDIT: No they are just called like they are linked. fun1.jpg and not Fun1.jpg

This post has been edited by luck7: Oct 3 2013, 08:45 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 08:47 AM
Post #6





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



View of the map /images on ftp:

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 3 2013, 09:53 AM
Post #7


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



QUOTE(pandy @ Oct 3 2013, 03:03 PM) *

Well, the images aren't where you say, not under the names you use in the image tags anyway.
http://www.pronto-borger.nl/images/fun1.jpg

Could it be a problem with case?

Indeed http://www.pronto-borger.nl/images/fun1.JPG does exist.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2013, 11:19 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



That's the one permutation I didn't bother to try! That and camel case. biggrin.gif

Problem solved then. I'd rename the files rather than change the URL. Lower case file names make life easier.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 01:56 PM
Post #9





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(pandy @ Oct 3 2013, 11:19 AM) *

That's the one permutation I didn't bother to try! That and camel case. biggrin.gif

Problem solved then. I'd rename the files rather than change the URL. Lower case file names make life easier.



When i try to change .JPG to .jpg, it keeps changing to .JPG.. How is this possible?

This is on my computer tho. But when i change it in FTP, it works!

Thanks in advance! Damm silly mistakes :/

This post has been edited by pandy: Oct 3 2013, 01:58 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2013, 01:59 PM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



That's odd. Do you rename them through program or do you click on the disk file and change the name that way?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 03:18 PM
Post #11





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(pandy @ Oct 3 2013, 01:59 PM) *

That's odd. Do you rename them through program or do you click on the disk file and change the name that way?


On the harddrive when i change the name, it stays in capitals. But when i rightclick the images on my ftp, it does change. So i changed all the .JPG's into .jpg on ftp only. Not working local
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 3 2013, 03:25 PM
Post #12


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Strange. Never happened to me. Windows can be odd, but that sounds plain stupid.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 3 2013, 03:28 PM
Post #13





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(pandy @ Oct 3 2013, 03:25 PM) *

Strange. Never happened to me. Windows can be odd, but that sounds plain stupid.


I agree. Atleast i could fix the problem smile.gif Thanks for helping!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Oct 4 2013, 01:21 AM
Post #14


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



When you rename a file fun22.JPG to fun22.jpg, Windows does not see any name change. You need to change the file extension by adding a letter, say 'x'. Then rename the file again to remove the 'x' from the extension. So, rename fun22.JPG to fun22.jpgx. Then rename it from fun22.jpgx to fun22.jpg and you are done.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
luck7
post Oct 4 2013, 01:26 AM
Post #15





Group: Members
Posts: 8
Joined: 3-October 13
Member No.: 19,808



QUOTE(CharlesEF @ Oct 4 2013, 01:21 AM) *

When you rename a file fun22.JPG to fun22.jpg, Windows does not see any name change. You need to change the file extension by adding a letter, say 'x'. Then rename the file again to remove the 'x' from the extension. So, rename fun22.JPG to fun22.jpgx. Then rename it from fun22.jpgx to fun22.jpg and you are done.


Aah yeah simple solution indeed. Thanks for your help!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 4 2013, 01:59 AM
Post #16


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Clever! But why can I do it without tricks and you (both of you?) can't? Another thing some people have problem with it giving files custom extensions, at least without registering them. I've always been able to do that too. These things annoy me. Windows IS odd!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Oct 4 2013, 12:36 PM
Post #17


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



QUOTE(pandy @ Oct 4 2013, 01:59 AM) *

Clever! But why can I do it without tricks and you (both of you?) can't? Another thing some people have problem with it giving files custom extensions, at least without registering them. I've always been able to do that too. These things annoy me. Windows IS odd!

To be honest I have wondered the same thing. I 'assumed' it was because Windows was not case-sensitive and I never looked into it. Windows has worked this way for as long as I can remember. But, as you say, it is strange that you can rename files without the extra step.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 4 2013, 01:32 PM
Post #18


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Yup. There must be a reason, some setting where we have made different choices and it affects this.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Oct 6 2013, 01:46 PM
Post #19


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Maybe it's the OS version? I just fired up my Windows 7 laptop and find that I do not have to take any extra steps to rename fun22.JPG to fun22.jpg. I guess MS fixed this in Win7 (maybe Vista too?). I was using XP when I posted my comment.

This post has been edited by CharlesEF: Oct 6 2013, 01:47 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 6 2013, 04:30 PM
Post #20


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I'm also on XP. Worked on 2K too and, I think, even Win95.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd April 2024 - 04:18 AM