``Hi,
I am having trouble getting my embedded slideshow to work. I created a two-column block and one side has text, and the other supposedly has a slideshow. Here is my code:
HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="text-column"> <h1>A Little Bit About the Shutterbugs</h1> <p>The Shutterbugs are a group of People of Purpose that have an affinity to photography. Each member adds their personal signature to their photographs. Based in the Foothills of Northeast Georgia, the group takes trips to locales and events to practice their skills.</p> </div> <div class="gallery-column"> <!-- SmugMug Slideshow Embed Code --> <div id="smugmug-slideshow" style="position:relative; padding-bottom:75%; height:0; overflow:hidden; max-width:100%;"> <iframe src="https://www.barefootedintherain.com/frame/slideshow?key=gPLgpd&speed=3&transition=fade&autoStart=1&captions=0&navigation=0&playButton=0&randomize=0&transitionSpeed=2" width="800" height="600" frameborder="no" scrolling="no"> </iframe> </div> </div> </div> </body> </html>
@beardedlogic said:
``Hi,
I am having trouble getting my embedded slideshow to work. I created a two-column block and one side has text, and the other supposedly has a slideshow. Here is my code:
Have you tried using a slideshow content block on that page instead of the embed code?
You could use side-by-side text and slideshow content blocks on that page.
Hello- this is a slightly different slideshow question but is it possible to click through on a slideshow image, meaning can I get to the proper gallery when I see something that I like?
Chris
chrisneedhamphotography.com
Comments
Portfolio • Workshops • Facebook • Twitter
``Hi,
I am having trouble getting my embedded slideshow to work. I created a two-column block and one side has text, and the other supposedly has a slideshow. Here is my code:
HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="text-column"> <h1>A Little Bit About the Shutterbugs</h1> <p>The Shutterbugs are a group of People of Purpose that have an affinity to photography. Each member adds their personal signature to their photographs. Based in the Foothills of Northeast Georgia, the group takes trips to locales and events to practice their skills.</p> </div> <div class="gallery-column"> <!-- SmugMug Slideshow Embed Code --> <div id="smugmug-slideshow" style="position:relative; padding-bottom:75%; height:0; overflow:hidden; max-width:100%;"> <iframe src="https://www.barefootedintherain.com/frame/slideshow?key=gPLgpd&speed=3&transition=fade&autoStart=1&captions=0&navigation=0&playButton=0&randomize=0&transitionSpeed=2" width="800" height="600" frameborder="no" scrolling="no"> </iframe> </div> </div> </div> </body> </html>
CSS:
`body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f4;
}
.container
{ display: flex;
max-width: 1200px;
width: 100%;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.text-column, .gallery-column {
padding: 20px;
}
.text-column { flex: 1;
background-color: #f9f9f9;
}
.gallery-column {
flex: 1;
background-color: #fff;
}
iframe { width: 100%; height: 100%; min-height: 500px;
}`
Won't know where I'm going 'til I get there.
http://kasejameson.smugmug.com
Have you tried using a slideshow content block on that page instead of the embed code?
You could use side-by-side text and slideshow content blocks on that page.
If you want to use the embedded slideshow and continue to have problems I suggest contacting the SmugMug help desk directly.
https://www.smugmughelp.com/hc/en-us/articles/18212445326996-Contact-a-SmugMug-Support-Hero#
Musings & ramblings at https://denisegoldberg.blogspot.com
I didn't know that was an option. Thank you for making my life easier! I found the option. It works. SO glad to see you are still around these parts.
Won't know where I'm going 'til I get there.
http://kasejameson.smugmug.com
Hello- this is a slightly different slideshow question but is it possible to click through on a slideshow image, meaning can I get to the proper gallery when I see something that I like?
Chris
chrisneedhamphotography.com
Canon and Mac addict
www.chrisneedhamphotography.com