Flash and browsers

[dRyW]

Hi!

My website has a flash header and as you’d very well know it doesn’t work on Chrome or IE. Is there any way to substitute the flash object with an image in case the browser cannot visualize it? Like some sort of html “alt” attribute or any script that allows you to do manually the change (with a button for instance)?

Thanks

[ralphm]

To some extent you can supply a fallback when flash fails—including text or images. Please provide an example of your code, though, as it depends on how you are doing this.

Might be better to ditch the flash altogether, though, as it’s not really viable these days. There are better alternatives.

[dRyW]

Alternatives which include animations? Anyways you find my website linked in this thread.

[ralphm]

@dRyW

Alternatives which include animations?

Yes—which you can even do with CSS these days.

You can set fallbacks for when Flash doesn’t work. Here’s an example (which you’d have to test, though, as I haven’t done this for a long time). It sets a fallback image for when flash is not available.

---

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="1024" height="197">

  <param name="movie" value="nome_filmato.swf">
  <param name="quality" value="high">
  <embed src="images/Azienda agricola Il Contadino Bio.swf" width="1024" height="197" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  [color=red]<object type="image/jpg" data="fallback.jpg"></object>[/color]
</object>

---

[jeffreylees]

Might be better to ditch the flash altogether, though, as it’s not really viable these days. There are better alternatives.

I agree. In my experience that is the case almost all the time. Actually I’m only saying “almost” to account for situations that I couldn’t anticipate…

[dRyW]

It’s not working of couse

By the way, did you forget to close the embed tag? In case you did, do I need to close it after or before your suggestion (<object type="image/jpg" data="fallback.jpg"></object>)?

@ralphm

Might be better to ditch the flash altogether, though, as it’s not really viable these days.

I kind of aggre too, even if I’m not feeling its lack of viability except when the browser doesn’t run it. Could you get the same sort of animation with CSS or other more viable ways?

[jeffreylees]

not feeling its lack of viability

---

except when the browser doesn’t run it

I think that’s the lack of viability, to me. If it’s problem-causing, or non functional, for a large group of users, it’s not viable.

Editing to add a useful answer to question:

CSS3 Butterfly Animation - JSFiddle - Code Playground

There’s a random example of a CSS/JS butterfly animation from a few-second Google search. I’m sure there’s other similar CSS and/or JS scripts out there that might fit your needs more exactly than this one does, though, if you take a look

[dRyW]

@dRyW

except when the browser doesn’t run it

Returning to my problem @ralphm, is there any other way of making it works? Maybe it was me doing sth wrong?

[ralphm]

@dRyW

Returning to my problem @ralphm, is there any other way of making it works? Maybe it was me doing sth wrong?

The way I used to to this is just with nested object elements. I tested this and it works:

<object data="http://www.ilcontadinobio.it/images/Azienda%20agricola%20Il%20Contadino%20Bio.swf" type="application/x-shockwave-flash" width="1024" height="197">
	<param name="movie" value="http://www.ilcontadinobio.swfit/images/Azienda%20agricola%20Il%20Contadino%20Bio">
	<param name="wmode" value="opaque">
	<object type="image/jpg" data="http://placehold.it/1024x197">
		
	</object>
</object>

On Flash supporting browsers, the header with the butterfly shows, and on non-supporting devices like iPad, you get the image fallback.

If you have troubles with this, don’t just say “it doesn’t work”. At least set up a demo of what you’ve tried so that we can track progress.

[dRyW]

Ohh that’s soo cool!!

@ralphm

If you have troubles with this, don’t just say “it doesn’t work”. At least set up a demo of what you’ve tried so that we can track progress.

Trust me I do it always when necessary, this time though I knew it was just something I had overlooked not worth to be cited

What to do to make the object linkable? Do I need to set it in actionscript or is it even possible in the html?

Wow, I’m so happy. has been quite a bit know I’ve thought of solving this flash thing

[ralphm]

@dRyW

What to do to make the object linkable?

Not so easy. Here are some references:

http://stackoverflow.com/questions/2082611/html-make-object-a-link
http://stackoverflow.com/questions/2119296/add-a-link-around-an-embedded-flash-file

[dRyW]

Great, very helpful!

Piece of cake

Joke aside

MyClickTagButton.addEventListener(
  MouseEvent.CLICK,
  function():void {
    if (root.loaderInfo.parameters.clickTAG.substr(0,5) == "http://www.ilcontadinobio.it/") {
      navigateToURL(
        new URLRequest(root.loaderInfo.parameters.clickTAG), "_blank"
      );
    }
  }
);

I don’t want the link to be opened in a _blanck, what part of the line should I cut?

Thanks

[ralphm]

That code doesn’t mean a lot to me, but in lieu of someone knowledgable, I’d try replacing "_blank" with "_self" in this line:

new URLRequest(root.loaderInfo.parameters.clickTAG), "_blank"

[dRyW]

It’s a start. It doesn’t work anyway…

I followed the istructions here

It wasn’t too difficult. My banner’s got the mouse click event condition but nothing happen when I click on it.

Here how it present itself in flash, maybe you may spot the problem.