Insecure Content being loaded
-
Hi,
I’m using the easing slider plugin. I just enabled ssl on my site. All images are loading http not https. is there any way to fix this?
Thank you,
Erik.
-
Hi Erik, are the images in your media library loaded by HTTPS? Easing Slider pulls images from the WordPress Media Library, so it their URLs don’t use HTTPS neither will the slider.
Also, are you redirect HTTP to HTTPS through a plugin, or is the site setup to be HTTPS only?
Hi Matthew,
Yes the images are being uploaded https. They don’t seem to be the issue.
It seems that for every image there is a placeholder image being uploaded alongside it as well? Not to sure why or what it is doing. This is what it looks like.here you can see the code being spit out:
<style type=”text/css”>.easingslider { max-width: 735px; }.easingslider-image { max-height: 475px; max-width: 735px; }.easingslider-fade-in, .easingslider-fade-out { -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; animation-duration: 400ms; }</style><script type=”text/javascript”>window.EasingSlider3189 = {“width”:735,”height”:475,”singleItem”:true,”items”:1,”itemsDesktop”:false,”itemsDesktopSmall”:false,”itemsTablet”:false,”itemsTabletSmall”:false,”itemsMobile”:false,”responsive”:true,”lazyLoad”:true,”autoPlay”:4000,”slideSpeed”:400,”navigation”:false,”navigationText”:[“”,””],”pagination”:false,”autoHeight”:false,”mouseDrag”:false,”touchDrag”:false,”addClassActive”:true,”transitionStyle”:”fade”};</script><div data-id=”3189″ class=”easingslider easingslider-container easingslider-resizing-enabled easingslider-aspect-ratio”><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/HVAC-slideshow-9700-series-735×475.jpg” alt=”” title=”” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/HVAC-slideshow-energy-calculator1-735×475.jpg” alt=”Napoleon Energy Savings Calculator” title=”Napoleon Energy Savings Calculator” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/NAP-HVAC-army-all-735×475.jpg” alt=”Napoleon Heating & Cooling Products” title=”Napoleon Heating & Cooling Products” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/HVAC-slideshow-wood-hybrid-735×475.jpg” alt=”Napoleon Wood & Hybrid Furnaces” title=”Napoleon Wood & Hybrid Furnaces” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/HVAC-slideshow-air-conditioners-735×475.jpg” alt=”Napoleon Air Conditioners” title=”Napoleon Air Conditioners” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/HVAC-slideshow-condo-pack1-735×475.jpg” alt=”Napoleon Condo Pack” title=”Napoleon Condo Pack” class=”easingslider-image easingslider-lazy” /></div><div class=”easingslider-slide”><img src=”https://www.napoleonheatingandcooling.com/wp-content/plugins/easing-slider/assets/images/placeholder-pixel.png” data-src=”https://www.napoleonheatingandcooling.com/wp-content/uploads/hvac-slideshow-travelq-give-away-735×475.jpg” alt=”” title=”” class=”easingslider-image easingslider-lazy” /></div></div> </div>
Ok, so it’s the placeholder image that’s getting loaded as HTTP only. I’ll have to investigate this as our site also uses HTTPS but this isn’t happening.
The placeholder pixel is related to the lazy loading in order to produce compliant HTML. We use a 1x1px placeholder image as the
img src
attribute before the actual image gets loaded. This is a common lazy loading technique and produces a performant slider loading process that is asynchronous and scalable.The lazy loading functionality can be disabled under the “Preloading” settings shown on the right, when editing a slider in the admin panel.
Ahh ok,
I have gone ahead and turned that off.
The slider now loads without which allows my site to display the secure lock symbol.Thank you!
No problem. Happy to help ??
- The topic ‘Insecure Content being loaded’ is closed to new replies.