Support » Plugins and Hacks » Insert Animated Image into HTML code

Insert Animated Image into HTML code

  • Luca


    Hi Greg!
    Is possible to insert an animated image into an HTML code?
    I created a page with Page Bilder, into it I add “Text” widget. I’d like to insert into it an animated image, like slide-left. How I can I do it? I tried this: but didn’t work.

    <img class="animated" data-animation="slide-left" style="visibility: visible; margin-left:30px;" align="right" src="url_images" width="475" />

    Can you help me please? Thanks

    Best regards,

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Greg Priday


    Hi Luca

    If you just insert an image like that, the Javascript that’s required for the widget. I can’t really think of a good way to include the JS manually without doing some serious hacking.

    You’d need the following 2 scripts

    <script type='text/javascript' src='http://dev.localhost/wp-content/plugins/siteorigin-panels/widgets/widgets/animated-image/js/onscreen.js?ver=trunk'></script>
    <script type='text/javascript' src='http://dev.localhost/wp-content/plugins/siteorigin-panels/widgets/widgets/animated-image/js/main.js?ver=trunk'></script>

    Where you’d change dev.localhost to whatever your site URL is.



    Hi Greg!
    Thank you for high speed answer! I asked this question, because Iā€™d like to remove the margin bottom from picture and texts, keeping the animation. Look please at this pictures for more info. šŸ™‚



Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Insert Animated Image into HTML code’ is closed to new replies.