Solved

HTTPS not displaying images

Posted on 2006-06-13
3
331 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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
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.

930 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

14 Experts available now in Live!

Get 1:1 Help Now