Code:
<style>
#fadeshow4{
overflow: auto;
width: 80%;
margin: 0 auto;
border-radius: 7px;
}
#fadeshow4 .gallerylayer img{ /* make all images inside fadeshow4 scale to 100% of slideshow width */
width: 100%;
height: auto;
max-width: 540px !important;
margin: 0 auto;
}
.descpanelfg {
text-align: center;
}
.prev {
float:left;
display:inline;
margin-top:10px;
margin-right: 10px;
}
.next {
float:right;
display:inline;
margin-top:10px;
margin-left: 10px;
}
.status {
display:inline;
margin-top:10px;
}
#slideshowtoggler .noscript {
display: none;
font: bold 70% Arial, Helvetica, sans-serif;
}
</style>
<noscript>
<style>
#fadeshow4 {
overflow: auto;
width: 100%;
}
#fadeshow4 img {
display: block;
}
#slideshowtoggler * {
display: none;
}
#slideshowtoggler .noscript {
display: inline;
}
</style>
</noscript>
<style>
@media screen and (max-width: 350px){
#fadeshow4{
height: 250px !important;
}
}
@media screen and (min-width: 351px) and (max-width: 600px){
#fadeshow4{
height: 350px !important;
}
}
@media screen and (min-width: 601px) and (max-width: 800px){
#fadeshow4{
height: 375px !important;
}
}
@media screen and (min-width: 801px)and (max-width: 1200px){
#fadeshow4{
height: 400px !important;
}
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
#fadeshow4{
height: 410px !important;
}
}
@media screen and (min-width: 1401px){
#fadeshow4{
height: 411px !important;
}
}
</style>
<script 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>
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:
[
["images/Adirondack-Interpretive-Center-1.jpg", "", "", "Adirondack Nature Trails: Rich Lake from the Rich Lake Trail (14 August 2017)"],
["images/Adirondack-Interpretive-Center-2.jpg", "", "", "Adirondack Ferns: Long Beech Fern (Phegopteris connectilis) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-3.jpg", "", "", "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"],
["images/Adirondack-Interpretive-Center-4.jpg", "", "", "Adirondack Wildflowers: Helleborine (Epipactis helleborine) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-5.jpg", "", "", "Adirondack Wildflowers: Cardinal Flower (Lobelia cardinalis) on the Rich Lake Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-6.jpg", "", "", "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"],
["images/Adirondack-Interpretive-Center-7.jpg", "", "", "Adirondack Wildflowers: Indian Pipe (Monotropa uniflora) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-8.jpg", "", "", "Adirondack Wildflowers: White Water-lily (Nymphaea odorata) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-9.jpg", "", "", "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"],
["images/Adirondack-Interpretive-Center-10.jpg", "", "", "Adirondack Wildflowers: Wintergreen (Gaultheria procumbens) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-11.jpg", "", "", "Adirondack Wildflowers: Swamp Candles (Lysimachia terrestris) on the Sucker Brook Trail (5 August 2018)"],
["images/Adirondack-Interpretive-Center-12.jpg", "", "", "Adirondack Butterflies: Red Admiral at the Adirondack Interpretive Center butterfly garden (14 August 2017)"],
["images/Adirondack-Interpretive-Center-13.jpg", "", "", "Adirondack Butterflies: Monarch at the Adirondack Interpretive Center butterfly garden (5 August 2018)"],
["images/Adirondack-Interpretive-Center-14.jpg", "", "", "Adirondack Nature Trails: Boardwalk through a cedar swamp on the Rich Lake Trail (5 August 2018)"]//<--no trailing comma after very last image element!
],
titlesAndAlts: [
{title: "Adirondack Nature Trails: Rich Lake from the Rich Lake Trail (14 August 2017)", alt: "Adirondack Nature Trails: Rich Lake from the Rich Lake Trail (14 August 2017)"},
{title: "Adirondack Ferns: Long Beech Fern (Phegopteris connectilis) on the Sucker Brook Trail (5 August 2018)", alt: "Adirondack Ferns: Long Beech Fern (Phegopteris connectilis) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)", alt: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"},
{title: "Adirondack Wildflowers: Helleborine (Epipactis helleborine) on the Sucker Brook Trail (5 August 2018)", alt: "Adirondack Wildflowers: Helleborine (Epipactis helleborine) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Wildflowers: Cardinal Flower (Lobelia cardinalis) on the Rich Lake Trail (5 August 2018)", alt: "Adirondack Wildflowers: Cardinal Flower (Lobelia cardinalis) on the Rich Lake Trail (5 August 2018)"},
{title: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)", alt: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"},
{title: "Adirondack Wildflowers: Indian Pipe (Monotropa uniflora) on the Sucker Brook Trail (5 August 2018)", alt: "Adirondack Wildflowers: Indian Pipe (Monotropa uniflora) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Wildflowers: White Water-lily (Nymphaea odorata) on the Sucker Brook Trail (5 August 2018)", alt: "Adirondack Wildflowers: White Water-lily (Nymphaea odorata) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)", alt: "Adirondack Nature Trails: Sucker Brook Trail at the Adirondack Interpretive Center (5 August 2018)"},
{title: "Adirondack Wildflowers: Wintergreen (Gaultheria procumbens) on the Sucker Brook Trail (5 August 2018)", alt: "Adirondack Wildflowers: Wintergreen (Gaultheria procumbens) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Wildflowers: Swamp Candles (Lysimachia terrestris) on the Sucker Brook Trail (5 August 2018)", alt: "LAdirondack Wildflowers: Swamp Candles (Lysimachia terrestris) on the Sucker Brook Trail (5 August 2018)"},
{title: "Adirondack Butterflies: Red Admiral at the Adirondack Interpretive Center butterfly garden (14 August 2017)", alt: "Adirondack Butterflies: Red Admiral at the Adirondack Interpretive Center butterfly garden (14 August 2017)"},
{title: "Adirondack Butterflies: Monarch at the Adirondack Interpretive Center butterfly garden (5 August 2018)", alt: "Adirondack Butterflies: Monarch at the Adirondack Interpretive Center butterfly garden (5 August 2018)"},
{title: "Adirondack Butterflies: Monarch at the Adirondack Interpretive Center butterfly garden (5 August 2018)", alt: "Adirondack Butterflies: Monarch at the Adirondack Interpretive Center butterfly garden (5 August 2018)"},
],
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>
And here is the relevant HTML code:
Bookmarks