Solved

HTTPS not displaying images

Posted on 2006-06-13
3
332 Views
Last Modified: 2007-02-12
I recently loaded an ssl cert on my server.  When I load my pages in Mozilla using HTTP everything loads fine, but when I load through HTTPS the pages load fine, but the images all return 404 errors.  I've tried relative linking and absolute linking of the images through http://www.mywebsitename.com/; https://www.mywebsitename.com; and www.mywebsitename.com, but no luck.
Note:  Loading the page in Internet Explorer brings up a dialog stating that the page contains mixed content and asks if I want to display the non-secure items.  If yes is selected the images still don't show up.
0
Comment
Question by:IVIoonsail
  • 2
3 Comments
 
LVL 4

Accepted Solution

by:
recklez earned 500 total points
ID: 16895748
Make sure you are using relative paths for your images.

e.g.
If you have an image
<img src="http://www.mywebsitename.com/images/header.jpg" width="100" height="100" />

you should change that to
<img src="images/header.jpg" width="100" height="100" />

If you use an absolute path, even though you are loading the page from https that image is requested from http.
0
 

Author Comment

by:IVIoonsail
ID: 16896135
All of my image paths are relative from before I set up the https, so it's something else.  Although I double checked that, and even looked for anything like a <base href=url /> tag.  Any other ideas?
0
 

Author Comment

by:IVIoonsail
ID: 16897393
Solved it.  I had hotlink protection enabled for the server I was serving the image from.  I disabled it and it started serving my images to the https server from the http server.
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to dynamically set the form action using jQuery.
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.

813 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

10 Experts available now in Live!

Get 1:1 Help Now