loopedSlider jQuery plugin problem

Question

Hi i use loopedSlider link text and there is html source.

<div id="loopedSlider"> <div class="container">
<div class="slides">
  <div><img src="01.jpg" alt="" /></div>
  <div><img src="02.jpg" alt="" /></div>
  <div><img src="03.jpg" alt="" /></div>
  <div><img src="04.jpg" alt="" /></div>
</div></div><a href="#" class="previous">previous</a> <a href="#" class="next">next</a><ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>

Is there possible to insert div like this:

<div class="slides">
   <div>
     <div class="newdiv">Some text</div>
   </div>
</div>

If i insert this div "newdiv" inside is not showing? Any solution ?

Answer 1

It maybe the nested DIV. Try the following instead:

<div class="slides">
  <div>
    <span class="newdiv">Some Text</div>
  </div>
</div>

You can apply the necessary styles to this span to give it DIV-characteristics:

div.slides div span.newdiv { display:block; }

Answer 2

Its work but in your code is bug. Should be:

<span class="newdiv">Some Text</span>