Databases
StackOverflow2013
Postsdbo
POEasy slider when set to numeric and duplicated on the same page causes the second carousels numbers to not function with highlight and auto rotate
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POEasy slider when set to numeric and duplicated on the same page causes the second carousels numbers to not function with highlight and auto rotate
    text
    copied!<p>Im using this plugin <a href="http://cssglobe.com/lab/easyslider1.7/02.html" rel="nofollow">http://cssglobe.com/lab/easyslider1.7/02.html</a></p> <p>I when I duplicate it on the same page the numbers for the second carousel will not highlight and the numbers from the second carousel are aligned to right edge of the first set of numbers that belong to the first carousel.</p> <pre><code>$(document).ready(function(){ $("#slider").easySlider({ auto: true, numeric: true }); $("#slider2").easySlider({ auto: true, numeric: true }); }); &lt;div id="slider"&gt; &lt;ul&gt; &lt;li&gt; &lt;div style="position:relative"&gt; &lt;div style="position:absolute; height:200px; width:200px; background-color:#009;"&gt; sasasa &lt;/div&gt; &lt;a href="http://templatica.com/preview/30"&gt;&lt;img src="images/01.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/7"&gt;&lt;img src="images/02.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/25"&gt;&lt;img src="images/03.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/26"&gt;&lt;img src="images/04.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/27"&gt;&lt;img src="images/05.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br /&gt;&lt;br /&gt; &lt;div id="slider2"&gt; &lt;ul&gt; &lt;li&gt; &lt;div style="position:relative"&gt; &lt;div style="position:absolute; height:200px; width:200px; background-color:#009;"&gt; sasasa &lt;/div&gt; &lt;a href="http://templatica.com/preview/30"&gt;&lt;img src="images/01.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/7"&gt;&lt;img src="images/02.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/25"&gt;&lt;img src="images/03.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/26"&gt;&lt;img src="images/04.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="http://templatica.com/preview/27"&gt;&lt;img src="images/05.jpg" alt="Css Template Preview" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload