Menu
I'm working on a website and am using a presentation as a slideshow for concert images because it is easy and familiar for someone who is not programmatic proficient to edit what is shown during the slideshow. To hide the navigation i used CSS, and placed the IFrame in a div with the class .googleSlideshow.
The HTML:
<div class="googleSlideshow">
<iframe src="https://docs.google.com/presentation/d/bL4rGh0Nk/embed?start=true&loop=true&delayms=5000" frameborder="0" width="450" height="550" allowfullscreen="false" mozallowfullscreen="false" webkitallowfullscreen="false"></iframe>
</div>
The CSS:
.googleSlideshow{
width:100%;
height:550px;
overflow:hidden;
}
.googleSlideshow iframe{
width:450px! important;
height:calc(100% + 29px);
}
easy enough! here comes the problem: when the IFrame is clicked, the presentation goes to the next slide and pauses! This is terrible, and since this is in an IFrame the components of the IFrame are not able to be effected by my CSS, or script. Is there an attribute I can add to the IFrame that will get passed down to the presentation and stop the image onclick navigation?
739
To hide a slide in Google Slides, first, select the slide from the slide navigation pane on the left part of the screen. Then, right-click on it and choose the “Skip” option. This will skip or hide your slide when giving the presentation in the present mode.
Your guides will not be visible in presentation mode, but when you no longer need them you can toggle them on and off by clicking on the ruler and selecting, Show/Hide Guides. If you have more guides than you need, you can remove it by right-clicking on the guide and selecting, Delete Guide.
Open a presentation in Google Slides. In the top right corner, click Slideshow . Auto advance options. Choose how quickly to advance your slides.
You can choose to minimize the menu bar to free up more space to display your slides. Click the Hide the menus command to hide the menu bar, leaving only the shortcut toolbar at the top of the window. Click it again to show the menu bar again.
Adding rm=minimal
<iframe src="https://docs.google.com/presentation/d/bL4rGh0Nk/embed?start=true&loop=true&delayms=5000&rm=minimal" frameborder="0" width="450" height="550" allowfullscreen="false" mozallowfullscreen="false" webkitallowfullscreen="false"></iframe>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
