Ultimate Fade-in slideshow Stops Working After Transition to SSL

**ellenjones6** · 11-23-2019, 07:01 PM

1) Script Title: Ultimate Fade-in slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: This morning, a telephone technician at my web hosting service made an unauthorized change, switching my site from http:// to https:// (This was in response to a problem I was having submitting a page to Google.) I have just discovered that none of my 26 slide shows work. Here is an example: https://wildadirondacks.org/bloomingdale-bog-trail.html

Thinking I could solve the problem quickly, I tried an experiment on another slide show page. I went into the source code and changed all the http:// to https:// . That did not work. Here is the URL for that page: https://wildadirondacks.org/boreal-l...ive-trail.html

Here is the source code for the slide show on the Boreal Life Trail page:

Code:

<script type="text/javascript" src="fadeslideshow.js">

//***********************************************
//* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
//* Please keep this notice intact
//* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
//***********************************************/*********************************************/

</script>


<script type="text/javascript">

var mygallery3=new fadeSlideShow({
	wrapperid: "fadeshow4", //ID of blank DIV on page to house Slideshow
	dimensions: ['100%', 411], //width/height of gallery in pixels. Should reflect dimensions of largest image
	
	imagearray: 
	[
	
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-1.jpg", "", "", "Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-2.jpg", "", "", "Adirondack Wetlands: Transition between mixed forest and bog (18 July 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-3.jpg", "", "", "Adirondack Wetlands:  Boardwalk through Barnum Bog (18 July 2013)"],
			["https://www.wildadirondacks.org/images/Boreal-Life-Trail-4.jpg", "", "", "Adirondack Wetlands: Barnum Brook and Barnum Bog (10 July 2012)"],	
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-5.jpg", "", "", "Adirondack Wetlands: Barnum Brook and Barnum Bog (22 September 2012)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-6.jpg", "", "", "Adirondack Wildflowers: Pitcher Plant on Barnum Bog (29 July 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-7.jpg", "", "", "Adirondack Wildflowers:  Rose Pogonia on Barnum Bog (6 July 2012)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-8.jpg", "", "", "Adirondack Wildflowers: Swamp Candles on Barnum Bog (18 July 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-9.jpg", "", "", "Birds of the Adirondacks: Mallard on Barnum Brook near the boardwalk (4 May 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-10.jpg", "", "", "Adirondack Wetland: From the Boreal Life Trail overlook (1 June 2013)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-11.jpg", "", "", "Adirondack Habitats: Starflower, Bunchberry, and Goldthread (1 September 2012)"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-12.jpg", "", "", "Adirondack Habitats: Conifer forest on the Boreal Life Trail (7 July 2012)"],
				["https://www.wildadirondacks.org/images/Boreal-Life-Trail-00.jpg", "", "", "Adirondack Wetlands: Boardwalk through the swamp on the Boreal Life Trail"],
		["https://www.wildadirondacks.org/images/Boreal-Life-Trail-0.jpg", "", "", "Adirondack Wetlands: Barnum Bog on the Boreal Life Trail"]	//<--no trailing comma after very last image element!

],
	titlesAndAlts: [
	

		{title: "Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)", alt: "Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)"}, 
		{title: "Adirondack Wetlands: Transition between mixed forest and bog (18 July 2013)", alt: "Adirondack Wetlands: Transition between mixed forest and bog (18 July 2013)"},
		{title: "Adirondack Wetlands:  Boardwalk through Barnum Bog (18 July 2013)", alt: "Adirondack Wetlands:  Boardwalk through Barnum Bog (18 July 2013)"},
		{title: "Adirondack Wetlands: Barnum Brook and Barnum Bog (10 July 2012)", alt: "Adirondack Wetlands: Barnum Brook and Barnum Bog (10 July 2012)"},
		{title: "Adirondack Wetlands: Barnum Brook and Barnum Bog (22 September 2012)", alt: "Adirondack Wetlands: Barnum Brook and Barnum Bog (22 September 2012)"},
		{title: "Adirondack Wildflowers: Pitcher Plant on Barnum Bog (29 July 2013)", alt: "Adirondack Wildflowers: Pitcher Plant on Barnum Bog (29 July 2013)"},	
		{title: "Adirondack Wildflowers:  Rose Pogonia on Barnum Bog (6 July 2012)", alt: "Adirondack Wildflowers:  Rose Pogonia on Barnum Bog (6 July 2012)"},
		{title: "Adirondack Wildflowers: Swamp Candles on Barnum Bog (18 July 2013)", alt: "Adirondack Wildflowers: Swamp Candles on Barnum Bog (18 July 2013)"},
		{title: "Birds of the Adirondacks: Mallard on Barnum Brook near the boardwalk (4 May 2013)", alt: "Birds of the Adirondacks: Mallard on Barnum Brook near the boardwalk (4 May 2013)"}, 
		{title: "Adirondack Wetland: From the Boreal Life Trail overlook (1 June 2013)", alt: "Adirondack Wetland: From the Boreal Life Trail overlook (1 June 2013)"}, 
		{title: "Adirondack Habitats: Starflower, Bunchberry, and Goldthread (1 September 2012)", alt: "Adirondack Habitats: Starflower, Bunchberry, and Goldthread (1 September 2012)"},
		{title: "Adirondack Habitats: Conifer forest on the Boreal Life Trail (7 July 2012)", alt: "Adirondack Habitats: Conifer forest on the Boreal Life Trail (7 July 2012)"},
		{title: "Adirondack Wetlands: Boardwalk through the swamp on the Boreal Life Trail", alt: "Adirondack Wetlands: Boardwalk through the swamp on the Boreal Life Trail"},
		{title: "Adirondack Wetlands: Barnum Bog on the Boreal Life Trail", alt: "Adirondack Wetlands: Barnum Bog on the Boreal Life Trail"},
	],
	displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: "slideshowtoggler"
	

})
</script>



</head>

<body>
<div class="container">
<header>
  <div class="LogoHolder"><a href="index.html"><img src="images/ForeverWildLogo1Black2.png" alt="Adirondacks Forever Wild -- Home" width="1000" height="215" class="logo" title="Adirondacks Forever Wild"/></a></div>
  <nav> <a href="index.html" title="Home -- Forever Wild">Home</a> | <a href="adirondack-trails.html" title="Adirondack Trails">Trails</a> | <a href="adirondack-habitats.html" title="Adirondack Habitats">Habitats</a> | <a href="adirondack-plants.html" title="Adirondack Plant Life">Plants</a> | <a href="adirondack-wildlife.html" title="Adirondack Wildlife">Wildlife</a> | <a href="adirondack-fungi.html" title="Fungi of the Adirondacks">Fungi</a></nav>
</header>
          <!-- end header -->

<main id=".Main">
<section class="sectionRight">
  <h1>Interpretive Nature Trails in the Adirondacks:<br>
    Boreal Life Trail<br>
  </h1>
<div id="fadeshow4">
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-1.jpg" alt="Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)" title="Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-2.jpg" alt="Adirondack Wetlands: Transition between mixed forest and bog (18 July 2013)" title="Adirondack Wetlands: Transition between mixed forest and bog (18 July 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-3.jpg" alt="Adirondack Wetlands:  Boardwalk through Barnum Bog (18 July 2013)" title="Adirondack Wetlands:  Boardwalk through Barnum Bog (18 July 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-4.jpg" alt="Adirondack Wetlands: Barnum Brook and Barnum Bog (10 July 2012)" title="Adirondack Wetlands: Barnum Brook and Barnum Bog (10 July 2012)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-5.jpg" alt="Adirondack Wetlands: Barnum Brook and Barnum Bog (22 September 2012)" title="Adirondack Wetlands: Barnum Brook and Barnum Bog (22 September 2012)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-6.jpg" alt="Adirondack Wildflowers: Pitcher Plant on Barnum Bog (29 July 2013)" title="Adirondack Wildflowers: Pitcher Plant on Barnum Bog (29 July 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-7.jpg" alt="Adirondack Wildflowers:  Rose Pogonia on Barnum Bog (6 July 2012)" title="Adirondack Wildflowers:  Rose Pogonia on Barnum Bog (6 July 2012)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-8.jpg" alt="Adirondack Wildflowers: Swamp Candles on Barnum Bog (18 July 2013)" title="Adirondack Wildflowers: Swamp Candles on Barnum Bog (18 July 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-9.jpg" alt="Birds of the Adirondacks: Mallard on Barnum Brook near the boardwalk (4 May 2013)" title="Birds of the Adirondacks: Mallard on Barnum Brook near the boardwalk (4 May 2013)">
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-10.jpg" alt="Adirondack Wetland: From the Boreal Life Trail overlook (1 June 2013)" title="Adirondack Wetland: From the Boreal Life Trail overlook (1 June 2013)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-11.jpg" alt="Adirondack Habitats: Starflower, Bunchberry, and Goldthread (1 September 2012)" title="Adirondack Habitats: Starflower, Bunchberry, and Goldthread (1 September 2012)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-12.jpg" alt="Adirondack Habitats: Conifer forest on the Boreal Life Trail (7 July 2012)" title="Adirondack Habitats: Conifer forest on the Boreal Life Trail (7 July 2012)"> 
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-00.jpg" alt="Adirondack Wetlands: Boardwalk through the swamp on the Boreal Life Trail" title="Adirondack Wetlands: Boardwalk through the swamp on the Boreal Life Trail">   
    <img src="https://www.wildadirondacks.org/images/Boreal-Life-Trail-0.jpg" alt="Adirondack Wetlands: Barnum Bog on the Boreal Life Trail" title="Adirondack Wetlands: Barnum Bog on the Boreal Life Trail"> 
    </div>
    
<div id="slideshowtoggler" style="width:70%; text-align:center; margin: 0 auto; margin-top:10px">
<span class="noscript">You have JavaScript turned off in your browser. To view the slideshow, please enable JavaScript.  Instructions may be found here: www.enable-javascript.com </span> 

<a href="#" class="prev"><img src="images/left.png" alt="left" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-size:.85em; font-weight:bold"></span> <a href="#" class="next"><img src="images/right.png" alt="right" style="border-width:0" /></a>
</div>

The problem clearly has to do with the unauthorized change that the technician made on the server, from http:// to https:// The script for the Ultimate Fade-in Slide show is no longer working. Also, another script I use has also stopped working. I tried redefining the script source to https://, but that did not work either.

Please help!

Ellen

**ellenjones6** · 11-23-2019, 09:15 PM

I think I might have figured out how to fix this. I prowled the web and discovered that Chrome gets very upset if it encounters mixed content,meaning that there are subresources on a page that load insecurely over http://. Once the FatCow technician changed my site to https://, none of the scripts worked because they were on an http:// server. All I had to do was add an "s" to the source for the scripts, and the slide shows started working again. I have just modified the 26 pages with slide shows. Now I have to modify the fifty or so other pages that use the Scroll to Top script (which also stopped working after they transitioned me to https://). The page where I found the answer is here: https://blog.chromium.org/2019/10/no...out-https.html

I hope this really is the answer. If there is something else I should do, please advise.

**molendijk** · 11-23-2019, 10:19 PM

The absolute links on a 'https-site' must be 'https-links'. The relative links work alright in all cases. So in your case, you could replace

Code:

["https://www.wildadirondacks.org/images/Boreal-Life-Trail-1.jpg", "", "", "Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)"],

for instance, with

Code:

["images/Boreal-Life-Trail-1.jpg", "", "", "Mushrooms of the Adirondacks: Hemlock Varnish Shelf (29 June 2013)"],"],

**ellenjones6** · 01-03-2020, 03:30 PM

Thank you so much for your suggestion on changing the links to relative links. I have been gradually doing so, in between other projects. I have been using Google Lighthouse to try to clean up my pages, but it's a slow process, because they identify things that are troublesome, but do not always explain how to fix them.