Insert Animated Image into HTML code

  • Luca

    (@webmaster643)


    10 years, 8 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

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

    (@gpriday)

    10 years, 8 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.

    Thread Starter Luca

    (@webmaster643)

    10 years, 8 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

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