title: Scroll div right to left
body: <p>I am making a ticker that scrolls the "li" elements , and for that I used the  tag. But marquee tag stops working as I have some google charts on webpage. I tried to scroll the elements by using jquery using a separate php file for ticker module. </p>
  
  <p>Now its working in the ticker.php file as standalone, but when this php file is included in my other webpages where google charts are used, its not working or scrolling. </p>
  
  <p>The "li" elements contain data from mysql. All the necessary external files are linked properly.</p>
  
  <p>I just need to scroll a div from right to left which contains company names with logo images arranged inline with effect just like html marquee. </p>
  
  <p>Like:</p>
  
  <pre><code>&lt;-- Company1 **Logo** -- Company2 **Logo** -- Company3 **Logo** &lt;--  (Scrolling right to left) 
  </code></pre>
  
  <p><strong>The ticker.php file</strong></p>
  
  <pre><code>  &lt;div id="ticker" class='marquee' data-allowCss3Support=false&gt;
                  &lt;ul id="ticker"&gt;
                      &lt;?php
                          while($row = mysql_fetch_array($query))
                          {
                              $r_name="";
                              $r_id = $row['r_id'];
                              $query1=mysql_query('select r_name from tbl_restro where r_id="'.$r_id.'" ');
                              while($row1=mysql_fetch_array($query1))
                              {
                                      $r_name = $row1['r_name'];
                              }
                              $r_avg = $row['billavg'];
                              if($r_avg&gt;$avg)
                                  {
                                      $temp=round((($r_avg-$avg)/$avg), 2);
                                      echo'&lt;li&gt;'.$r_name.' &lt;img src="img/up.gif" width="10" alt="High"/&gt; '.$temp.'&lt;/li&gt;';
                                  }
                              else if($avg&gt;$r_avg)
                                  {
                                      $temp=round((($avg-$r_avg)/$avg), 2);
                                      echo'&lt;li&gt;'.$r_name.' &lt;img src="img/down.gif" width="10" alt="Down"/&gt; '.$temp.'&lt;/li&gt;';
                                  }
                          }
                          mysql_close($con);
                      ?&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p><strong>The javasccript</strong></p>
  
  <pre><code>    $(function(){
  
          $('.marquee').marquee({
              //speed in milliseconds of the marquee
              speed: 11000,
              //gap in pixels between the tickers
              gap: 50,
              //gap in pixels between the tickers
              delayBeforeStart: 0,
              //'left' or 'right'
              direction: 'left',
              //true or false - should the marquee be duplicated to show an effect of continues flow
              duplicated: false,
              //on hover pause the marquee - using jQuery plugin https://github.com/tobia/Pause
              pauseOnHover: true
          });
  
      });
  </code></pre>