Alternate Image for mobile devices without flash

A discussion group for Aleo 3D Flash Slideshow Creator

Alternate Image for mobile devices without flash

Postby design-av on Wed Mar 02, 2011 7:54 pm

I use the following code created by the program for our page, but want to change it to allow an alternate static image for display on mobile devices that don't support flash. Any suggestions?

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="936" height="300">
<param name="movie" value="http://www.MySite.com/SlideShow.swf" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="false" />
<param name="allowScriptAccess" value="always" />
<embed src="http://www.MySite.com/SlideShow.swf"
quality="high"
type="application/x-shockwave-flash"
width="936"
height="300"
allowFullScreen="false"
pluginspage="http://www.macromedia.com/go/getflashplayer"
allowScriptAccess="always" />
</object>
design-av
 
Posts: 3
Joined: Wed Mar 02, 2011 7:22 pm

Re: Alternate Image for mobile devices without flash

Postby Patrick on Thu Mar 03, 2011 11:05 pm

Hi

You can use some JavaScript to detect the flash installation and replace it with an image.

I am going to write a tutorial on this topic in these days. Once I finished it, I will post it on our "Flash Tutorials" section of our website.


Best regards

Patrick
support@aleosoft.com
Patrick
 
Posts: 906
Joined: Thu Sep 25, 2008 2:22 pm

Re: Alternate Image for mobile devices without flash

Postby design-av on Fri Mar 11, 2011 5:16 pm

Any progress Patrick? I found several on line, but they all seem to have problems and appear to be more complex than they need to be.
design-av
 
Posts: 3
Joined: Wed Mar 02, 2011 7:22 pm

Re: Alternate Image for mobile devices without flash

Postby Patrick on Sat Mar 12, 2011 12:23 am

Hi

I will post the tutorial before next Tuesday.

Kind regards

Patrick
support@aleosoft.com
Patrick
 
Posts: 906
Joined: Thu Sep 25, 2008 2:22 pm

Re: Alternate Image for mobile devices without flash

Postby Patrick on Sat Mar 12, 2011 2:13 am

Hi

Please view the tutorial:

http://www.aleosoft.com/flashtutorial_showimage.html

Best regards

Patrick
support@aleosoft.com
Patrick
 
Posts: 906
Joined: Thu Sep 25, 2008 2:22 pm

Re: Alternate Image for mobile devices without flash

Postby design-av on Tue Mar 15, 2011 6:36 pm

Thanks, it worked great.
You can check the results at www.design-av.com
design-av
 
Posts: 3
Joined: Wed Mar 02, 2011 7:22 pm

Re: Alternate Image for mobile devices without flash

Postby Patrick on Tue Mar 15, 2011 11:20 pm

Hi

your website looks good on my iPad :D

Kind regards

Patrick
support@aleosoft.com
Patrick
 
Posts: 906
Joined: Thu Sep 25, 2008 2:22 pm

Re: Alternate Image for mobile devices without flash

Postby alfred123 on Wed Sep 21, 2011 9:48 am

Here is a simple example of how to use SWFObject:
01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02
<html xmlns="http://www.w3.org/1999/xhtml">
03
<head>
04
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
05
<title>SWFObject Sample</title>
06

07
<!-- Including SWFObject from Google -->
08
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
09

10
<script type="text/javascript">
11
var params = {
12
allowscriptaccess: "always",
13
menu: "false"
14
};
15

16
var flashvars = {};
17
var attributes = {};
18

19
if (swfobject.hasFlashPlayerVersion("9")) {
20
// SWFObject will load "animation.swf" into tag with id of "containerWrapper"
21
swfobject.embedSWF("http://www.zugno.com/coderscooler/samples/swfobject-sample/animation.swf", "containerWrapper", 300, 100, "9.0.0", false, flashvars, params, attributes);
22
}
23
</script>
24
</head>
25

26
<body>
27
<div id="containerWrapper">
28
<!-- Contains the content to display if media does not display Flash, or Flash version is below 9.0.0 -->
29
<img src="http://www.zugno.com/coderscooler/samples/swfobject-sample/animation.gif" width="300" height="100" alt="Animation Image" />
30
</div>
31
<p>Animation will show in Flash (version 9.0.0 or higher) enabled devices, otherwise it will show a static image.</p>
32
</body>
33
</html>
For the sake of simplicity, I just added an image to replace the flash, but in your site, you can include HTML in your alternate text. I have also used jQuery to animate the items and to provide interactivity for users without Flash.
alfred123
 
Posts: 1
Joined: Wed Sep 21, 2011 9:46 am

Re: Alternate Image for mobile devices without flash

Postby garynb on Fri Aug 03, 2012 3:10 pm

Hi Patrick

Great code which has solved a few problems for me but how can I apply this to Blackberry devices also. I tried adding some code to the script but all that did was to stop it working on my iPad

Gary
garynb
 
Posts: 1
Joined: Fri Aug 03, 2012 3:08 pm


Return to Aleo 3D Flash Slideshow Creator

Who is online

Users browsing this forum: No registered users and 2 guests

cron