Title: Insert Animated Image into HTML code
Last modified: August 21, 2016

---

# Insert Animated Image into HTML code

 *  [Luca](https://wordpress.org/support/users/webmaster643/)
 * (@webmaster643)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/insert-animated-image-into-html-code/)
 * 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 – SiteOrigin](https://wordpress.org/support/users/gpriday/)
 * (@gpriday)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/insert-animated-image-into-html-code/#post-4009042)
 * 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](https://wordpress.org/support/users/webmaster643/)
 * (@webmaster643)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/insert-animated-image-into-html-code/#post-4009271)
 * 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://img138.imageshack.us/img138/5937/1lr5.png)
   
   [http://img59.imageshack.us/img59/3973/bkh2.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.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Luca](https://wordpress.org/support/users/webmaster643/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/insert-animated-image-into-html-code/#post-4009271)
 * Status: not resolved