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>
 |
 |
|
 |
Alternate Image for mobile devices without flash
9 posts • Page 1 of 1
Alternate Image for mobile devices without flash
by design-av on Wed Mar 02, 2011 7:54 pm
- design-av
- Posts: 3
- Joined: Wed Mar 02, 2011 7:22 pm
Re: Alternate Image for mobile devices without flash
by 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
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
by 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
by Patrick on Sat Mar 12, 2011 12:23 am
Hi
I will post the tutorial before next Tuesday.
Kind regards
Patrick
support@aleosoft.com
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
by 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
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
by design-av on Tue Mar 15, 2011 6:36 pm
Thanks, it worked great.
You can check the results at www.design-av.com
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
by Patrick on Tue Mar 15, 2011 11:20 pm
Hi
your website looks good on my iPad
Kind regards
Patrick
support@aleosoft.com
your website looks good on my iPad
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
by 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.
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
by 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
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
9 posts • Page 1 of 1
Return to Aleo 3D Flash Slideshow Creator
Who is online
Users browsing this forum: No registered users and 1 guest