After my successful transition of my PastorScott.com website to Wordpress I decided to do the same with our church website, AlvinNazarene.org. The transition went pretty good, although some parts of it took longer than they should have. It was mostly little stuff, like changing link colors and setting things up so users can edit their pages but not others. Somewhere along the line I decided to include a Picasa web Album slideshow on a couple of pages. I wanted the text to wrap around the slideshow, so I spent some time trying out different plugins and searching the Internet for tips on accomplishing the wrap around. Finally, I had it all working to suit me and I felt that the slide shows added to the site.
The next morning, I remembered that I'd forgotten one of the most important aspects of web design: checking the pages in different browsers. I use Firefox most of the time, and that's what I used during the design process. It looked fine in Chrome but to my dismay, my precious slide shows didn't show at all in Internet Explorer 9. An internet search reveals that this is a problem many people have encountered. I think the problem is with some default security settings. Obviously, my website visitors aren't going to diddle with those settings just to see a slideshow they don't even know exists on the page!
I noted that the Google Calendar displays - it's in an IFRAME so I decided to try that approach. Sure enough, I was able to embed the slideshow that shows in Internet Explorer as well as the other major browsers. The wrap around idea, though was lost. I just couldn't get it to work right. I moved the slideshows to beneath the text and decided to call it good.
Here are the steps for embedding a Picasa Web Album slideshow in a Wordpress page:
1. Go to the album you want to embed, and start a slideshow of it. Grab the URL.
2. In the page or post edit mode, HTML view on Wordpress, enter this code:
<div style="margin-right: 22px; text-align: center;"><IFRAME SRC="URL OF SLIDESHOW" TITLE="Slideshow" width="600" height="500">
<a href="URL OF SLIDESHOW">Slideshow.</a></IFRAME></div>
Note to add: stay in the HTML editor - if you switch over to the Visual editor it will break your IFRAME code.
That should do it. You can check out the results at alvinnazarene.org.
I've been looking for a non-Flash solution to embedding a Picasa slideshow. Most Wordpress plugins seem focused on creating galleries. I'm hoping your solution might do the trick.
ReplyDeleteA couple questions: Do you notice a "ghosting" effect when clicking on the control buttons? And have you discovered a command for preventing autoplay of the slideshow? Thanks.
I haven't had any unusual "ghosting" that you describe. Also, I haven't researched it any more, but I don't have a command for stopping autoplay.
ReplyDeleteAnyway, give it a try - I hope it works for you.