Embed multiple animations (div) in one wordpress

Saola Animate
4

It seems that in the link you provided there is a error in the code. Please give it a look :wink:

in this link the code seems right:

In case you want to show Saola Animate content directly inside your page (without using iframe), please open its HTML file in a text editor, copy parts of its content and make some changes as follows into your page:

  1. The player script:
    <script type="text/javascript" src="new/path/to/slplayer.js"></script>
    Please remember to update the path of slplayer.js file. This path can be absolute, or relative to the your page.
  2. The content inside the body tag, e.g.
    <!-- you may need to add styles for Container_ID div to suit your need -->
    <div id="Container_ID" style="position: relative; height: 100%;"></div>
    <script type = "text/javascript">
      // script to load Saola Animate content into Container_ID div
      (function(Saola) {
        var li = {"color":"#2090e6","density":9,"diameter":60,"range":1,"shape":"oval","speed":1};
        Saola.openDoc('path/to/Saola Animate/content JavaScript file', 'Container_ID', {
          paused:false,
          preloaderOptions: li,
          center: 'horizontal',
          resourceFolder: 'path/to/resources'
        });
      })(AtomiSaola);
    </script>

For the rest the solution is working fine!
Thank you!