Has anyone figured out why the 1st slideshow pic loads only for a split second and disappears?
Not sure if this is helpful, but I came across a webpage that seems to address this issue. It was in the faq section. The question was:
Why do all my images (slides) display briefly when the page loads?
The answer given was:
"When a web page depends on JavaScript for DOM manipulation or styling, you may see a "flash of unstyle content" because the browser may render elements before the DOM is fully loaded and before the DOMContentLoaded event is fired. Karl Swedberg wrote a nice article on this problem and how to avoid it. Karl talks about a general purpose solution, but for Cycle the solution is much simpler: just hide all but your first slideshow image using CSS.
For example:
#slideshow img { display: none } #slideshow img.first { display: block } ...
<div id="slideshow"> <img src="image1.jpg" width="200" height="200" class="first" /> <img src="image2.jpg" width="200" height="200" /> <img src="image3.jpg" width="200" height="200" /> </div>
I am not sure how to do this. Perhaps someone with better programming skills might be able to figure this one out.
Thank you for sharif this. Sadly it did not work. But it was certainly worth a try.
I am not sure what us happening on that first slide When I run this sam code outside of a moodle site it works fine. But when implemented as part of a theme we see the issues appearing. Still trying to figure out why.
Julian
Hi, g k. I think your method is so trouble and it is not useful for someone who has no any code experience. I recommend you should try the slideshow maker tool to create your slideshow. With it, you would make photo slideshows easily in few clicks.