Jump to content


Replacing Image with Flash when not supported

  • Please log in to reply
2 replies to this topic

#1 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.








-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.


#2 +Seahorsepip



  • Tech Issues Solved: 28
  • 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



  • Tech Issues Solved: 1
  • Joined: 13-November 06
  • Location: UK
  • OS: OS X Yosemite
  • Phone: Nexus 6

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