Embedded Slideshow - What if NO Flash..

dgentile

Well, I know that I can place something in between of the <object ....>Alternative Content</object> code...
I've tried to do so with my main homepage - as I use a slideshow generated by the "show off" feature.

now I've tried to place an image in there...
Like this:

<h1>Home</h1>
<center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="880" height="585" id="ssidx">
<param name="movie" value="http://gallery.dgentile.net/ria/ShizamSlides-2009090305.swf?AlbumID=9848247&AlbumKey=dvtDx&transparent=true&bgColor=&borderThickness=&borderColor=&useInside=&endPoint=&mainHost=gallery.dgentile.net&VersionNos=2009090305&showLogo=false&width=880&height=585&clickToImage=false&captions=false&showThumbs=false&autoStart=true&showSpeed=false&pageStyle=white&showButtons=false&randomStart=true&randomize=true&splash=&splashDelay=0&crossFadeSpeed=250">
<param name="wmode" value="transparent">
<param name="allowNetworking" value="all">
<param name="allowScriptAccess" value="always">
<embed src="http://gallery.dgentile.net/ria/ShizamSlides-2009090305.swf?AlbumID=9848247&AlbumKey=dvtDx&transparent=true&bgColor=&borderThickness=&borderColor=&useInside=&endPoint=&mainHost=gallery.dgentile.net&VersionNos=2009090305&showLogo=false&width=880&height=585&clickToImage=false&captions=false&showThumbs=false&autoStart=true&showSpeed=false&pageStyle=white&showButtons=false&randomStart=true&randomize=true&splash=&splashDelay=0&crossFadeSpeed=250" width="880" height="585" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all"></embed><img alt="" src="http://gallery.dgentile.net/photos/669807463_BgXWv-880x585-1.jpg">  </object></center>

This works well in:
- Safari
- Internet Explorer

But in the following Browsers it FAILS:
- Firefox !!
- Camino
- (I guess any other mozilla engine based browser )


The problem is that the image which should show if there is no flash available will just be shown beneath the slideshow even if flash is installed...

any idea how to solve this??

btw: I have commented the code on the real website - as it would look nasty if there are two images showing up...

Thanks

- Daniel

jfriend

This isn't how you display an image when no flash is available. The only way I've seen it done before is with javascript to detect flash and then conditionally generating the HTML for the image tag. I've previously posted a snippet of code here on dgrin that will do this (you'd have to find it with search as I don't know where it is at the moment).

Or, you could use the stretchy slideshow which has the functionality for an alternate image built-in. If you don't want your slideshow to stretch, then you can just wire the minW, maxW to the same value and minH and maxH to the same value and it won't stretch, but you'll get the extra functionality of displaying an image when flash isn't available.

dgentile

jfriend wrote:

This isn't how you display an image when no flash is available. The only way I've seen it done before is with javascript to detect flash and then conditionally generating the HTML for the image tag. I've previously posted a snippet of code here on dgrin that will do this (you'd have to find it with search as I don't know where it is at the moment).

Or, you could use the stretchy slideshow which has the functionality for an alternate image built-in. If you don't want your slideshow to stretch, then you can just wire the minW, maxW to the same value and minH and maxH to the same value and it won't stretch, but you'll get the extra functionality of displaying an image when flash isn't available.

John,

thanks for pointing me in this direction...

I've got a working solution, by using adobes own flash detection kit, which is JS based... and modified it a little to fit my needs...
also added a <noscript>-tag so that even if someone has no flash & no Js at least my website will show a nice photo for the main page.

Thanks

Daniel

BigAl

Look at the source of Smugmug's home page. There's a function FlashInstalled, and it's used almost immediately after it's defined.