{"id":449,"date":"2010-06-04T05:08:19","date_gmt":"2010-06-04T05:08:19","guid":{"rendered":"http:\/\/www.jaillon.com\/blog\/?p=449"},"modified":"2014-04-29T10:18:02","modified_gmt":"2014-04-29T17:18:02","slug":"how-to-make-picasa-flash-based-slideshow-iphone-friendly","status":"publish","type":"post","link":"https:\/\/www.jaillon.com\/blog\/2010\/06\/04\/how-to-make-picasa-flash-based-slideshow-iphone-friendly\/","title":{"rendered":"How to make Picasa flash-based slideshow iPhone-friendly"},"content":{"rendered":"

If you embed Picasa’s flash-based slideshow on your blog, your iPhone\/iPad visitors won’t see anything but the now famous broken plugin icon.<\/p>\n

\"picasa\"<\/a><\/p>\n

It’s a shame as Picasa is very user-friendly when accessed from an iPhone\/iPad. A few lines of codes can indeed fix that:<\/p>\n

—
\n<script language=javascript>
\nif((navigator.userAgent.match(\/iPhone\/i)) || (navigator.userAgent.match(\/iPod\/i)) || (navigator.userAgent.match(\/iPad\/i)))
\n{
\ndocument.write(‘<a href=”[URL to slideshow link]”><img src=”[URL to an image from the slideshow] width=”600″ \/><\/a>’);
\n}
\nelse
\n{
\ndocument.write(‘[Code provided by Picasa – Click on “Embed Slideshow” link]’);
\n}
\n<\/script>
\n—<\/p>\n

Exemple here below. On the iPhone, just click on the picture…<\/p>\n