blivesta / animsition

A simple and easy jQuery plugin for CSS animated page transitions.
http://git.blivesta.com/animsition
MIT License
3.83k stars 783 forks source link

How to add a svg/gif icon in loadingInner #85

Open ZiedHf opened 8 years ago

ZiedHf commented 8 years ago

Hi; I would like to add an icon in loadingInner, but even the default icon didnt work correctly in my project. Otherwise the animation is working good (fade-in fade-out ...). I added the class="animsition" to the but since the loading take a time I want to display a loading icon. I tried to add

but the default icon appear after the loading of the page as an image in the center of the screen ! How can I do please to handle this ? This is my code :

$Ja(".animsition").animsition({ inClass: 'fade-in-left-sm', outClass: 'fade-out-left-sm', inDuration: 1500, outDuration: 800, linkElement: 'a:not([target="_blank"]):not([href^=#])', loading: true, loadingParentElement: 'body', //animsition wrapper element loadingClass: 'animsition-loading', loadingInner: '', timeout: false, timeoutCountdown: 5000, onLoadEvent: true, browser: [ 'animation-duration', '-webkit-animation-duration'], overlay : false, overlayClass : 'animsition-overlay-slide', overlayParentElement : 'body', transition: function(url){ window.location.href = url; } });

Johnn5 commented 8 years ago

I too would like to know this. It doesnt spin true on center, it looks as if the chosen image is being swung around, outside the svg file. That being said, this is a lovely looking plugin, nice work

arun9989 commented 7 years ago

I am also looking for same.