Page Builder by SiteOrigin
Insert Animated Image into HTML code (3 posts)

  1. Luca
    Posted 1 year ago #

    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,

  2. Greg Priday
    Plugin Author

    Posted 1 year ago #

    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.

  3. Luca
    Posted 1 year ago #

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



Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Page Builder by SiteOrigin
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.