在初始屏幕离子的GIF文件

我正在开发与ionic framework和Cordova插件的混合应用程序。 他们问我在两个操作系统(iOS和Android)上都有一个小animation。 我想象一个GIF,但不是如果你可以加载一个GIF作为启animation面。 或者如果有这个插件。

Solutions Collecting From Web of "在初始屏幕离子的GIF文件"

你可以这样做,而无需使用插件。 更多信息可以在这里find 。

HTML

<body> <div id="custom-overlay"><img src="http://img.androidcookie.com/android/dancing-banana.gif"></div> <!-- Here comes rest of the content --> </body> 

www / css / style.css

 #custom-overlay { display: flex; flex-direction: column; justify-content: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: #fe201f; } #custom-overlay img { display: block; margin: 0 auto; width: 60%; height: auto; } 

www / js / app.js

  .run(function($ionicPlatform, $state, $cordovaSplashscreen) { $ionicPlatform.ready(function() { if(navigator.splashscreen) { $cordovaSplashscreen.hide(); } }); }); .controller('ListCtrl', function($scope) { $scope.$on('$ionicView.afterEnter', function(){ setTimeout(function(){ document.getElementById("custom-overlay").style.display = "none"; }, 3000); }); });