WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Luca
    Member
    Posted 11 months 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,
    Luca

  2. Greg Priday
    Member
    Plugin Author

    Posted 11 months 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
    Member
    Posted 11 months 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. :)

    http://img138.imageshack.us/img138/5937/1lr5.png
    http://img59.imageshack.us/img59/3973/bkh2.png

    Regards,
    Luca

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.