How to make animated header to show in mobile phones and tablets?

Question

I have a problem with the view on mobile phone and tablets, i want the banner to show animation in mobile phones, i know that flash won't work for that for sure, so what alternative is there to make this possible, and maybe long so i think GIF also won't work.

any ideas?

Thanks all in advance!

You might find this [question](http://stackoverflow.com/questions/2172626/how-can-html5-replace-flash) useful. — Nick Fury, Mar 08 '13 at 14:23

score 1 · Answer 1 · answered Mar 08 '13 at 14:27

1

You can animate a banner using normal UIImageView animation methods, cocos2d or HTML5. You can also use CoreAnimation. If you want to understand how to animate it, do add some details to the question.

answered Mar 08 '13 at 14:27

lostInTransit

70,519
61
198
274

HTML5 is not an option because if you add a video to animate that header you need to press play on the iOS it's not a video to be run within the browser but in the video player of iOS, as for the others yes please do tell how to implement, i have a SWF file or about 15 images with text over the image... thanks in advance! – Abude Mar 09 '13 at 20:04

score 1 · Accepted Answer · answered Mar 08 '13 at 14:31

1

Another great option for mobile and desktop alike is the WOW slider, which is a jquery plugin you can add to a page pretty simply:

http://wowslider.com/

If you have a specific question on how to implement a slideshow, post back for more help.

answered Mar 08 '13 at 14:31

box86rowh

3,415
2
26
37

score 0 · Answer 3 · edited May 23 '17 at 10:25

0

Use ImageView and Split the gif file into several parts and then apply animation to it or refer this

edited May 23 '17 at 10:25

Community

1
1

answered Mar 08 '13 at 14:22

DjHacktorReborn

2,908
2
20
29

don't understand how to make this work with PHP/JS ... etc , not really android expert :) thanks! – Abude Mar 09 '13 at 20:06

score 0 · Answer 4 · answered Mar 08 '13 at 14:23

0

Through the use of the jQuery framework, you should be able to google and find various plug-ins that can help animate your header, even on mobile devices. If you learn the jQuery API, you can also animate most HTML element blocks on both desktop and mobile device platforms.

answered Mar 08 '13 at 14:23

klewis

7,459
15
58
102

check this out. they have a free version to the wowslider. Simply load the code into your web site in the form of a banner and set certain options they provide. - http://wowslider.com/ajax-jquery-slider-pulse-blinds-demo.html?affid=331J-S9 – klewis Mar 09 '13 at 20:08

How to make animated header to show in mobile phones and tablets?

4 Answers4