1 Reply Latest reply on Jan 15, 2015 5:39 AM by catapulted

    How to use jquery plugin jResponsive, please help!!

    catapulted

      Hello,

       

      Can someone show me how to integrate JResponsive plugin into Edge Animate with an example?

       

      Here is the link to Jresponsive website:

      Jresponsive

       

      Thank you.

        • 1. Re: How to use jquery plugin jResponsive, please help!!
          catapulted Level 1

          In compositionReady i inputed code:

           

          var container_id = sym.getSymbol("container_id")

           

          var content = [];

          content[0] = '<div class="_1"></div>';

          content[1] = '<div class="_2"></div>';

          content[2] = '<div class="_3"></div>';

          content[3] = '<div class="_4"></div>';

          content[4] = '<div class="_5"></div>';

          content[5] = '<div class="_6"></div>';

          content[6] = '<div class="_7"></div>';

          content[7] = '<div class="_8"></div>';

          content[8] = '<div class="_9"></div>';

          content[9] = '<div class="_10"></div>';

          content[10] = '<div class="_11"></div>';

          content[11] = '<div class="_12"></div>';

           

          yepnope(

          {

          nope:[

          'js/jquery-2.1.1.min.js',

          'js/jresponsive.js',

          ],

          complete: init

          }

          );

          //when yepnope has loaded everything execute init();

          function init (){

          //initialise your variables and Edge comp here

          $("#container_id").jresponsive({

              transormation: 'animation',

              min_size: 100,

              max_size: 250,

              height:250,

              hspace:10,

              vspace:10,

              class_name: 'item',

              content_array: content

          });

          }

           

           

          and nothing happens. Can someone show me how to correct things in the code above?

          I am using EA 2014.1.1.

           

          I attached the example for you to open and see:

          Dropbox - jresponsive.rar