Jump to content



Photo

Replacing Image with Flash when not supported


  • Please log in to reply
2 replies to this topic

#1 NeoxCore

NeoxCore

    Resident One Post Wonder

  • Joined: 27-June 13

Posted 27 June 2013 - 20:53

I currently have a website at www.webfusionmedia.com.

On the home page there is Flash animation.

The Flash animation works great until the site is loaded on

a mobile device. The mobile device ask the user to install

Flash plugin, which isn't possible on many mobile devices.

 

-How do I replace the flash animation with a still image

 when flash is not supported. 

 

I have tried using the following resources without much luck.

 

https://code.google.com/p/swfobject/

 

http://devcoma.blogs...-image-for.html

 

http://www.webdesign...-supported.html

 

-Using the code from the above links, the still image is not placed exactly where the flash animation is on mobile devices and overlaps or goes behind the flash animation on Internet Explorer.

Also the Flash download icon remains visible on mobile devices.

 

Any help would be appreciated.

Regards,




#2 +Seahorsepip

Seahorsepip

    http://seapip.com

  • Tech Issues Solved: 23
  • Joined: 23-January 11
  • Location: Netherlands
  • OS: Windows 8.1 Pro
  • Phone: Nexus 5

Posted 28 June 2013 - 10:04

You can use javascript to identify the browser or use php.

You can also identify using javascript if the browser support flash: http://stackoverflow...n-in-javascript

 

And I recommend getting rid of the flash animation ;)

Instead write a css version with javascript and css3 :p



#3 ashpowell

ashpowell

    Neowinian

  • Joined: 13-November 06
  • Location: UK
  • OS: Windows 8.1
  • Phone: Nexus 5

Posted 30 June 2013 - 15:50

I agree with Seahorsepip, get rid of flash.. What you use flash for can be very easily achieved with js & css