imagenes dentro de etiqueta <li>

[daca02]

Buen día, soy nuevo en esto de jquery, y como se imaginarán empiezo pidiendo una manito en algo.

Pues resulta que me he descargado este plugin: http://www.tutorialesenlaweb.com/files/css/carousel/

el lio es el siguiente, el codigo por defecto que trae el plugin es este:

Código HTML:

<ul>
      <li class="cloned"><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/1.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li class="cloned"><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/2.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/3.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>

          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/4.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/5.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/6.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/7.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/8.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/9.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
          
          <li><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/10.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
        
        <li class="cloned"><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/12.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>
        
        <li class="cloned"><a href="http://www.tutorialesenlaweb.com" title="Tutoriales en la Web"><img src="imagenes/13.jpg" alt="Tutoriales en la web" width="85" height="85"></a></li>

    </ul> 

Pero necesito reemplazarlo por algo asi:

Código HTML:

 <ul>
      <li class="cloned">
 <img border="0px" align="" src="imagenes/1.jpg" alt="" />
 <img border="0px" align="" src="imagenes/2.jpg" alt="" />
 <img border="0px" align="" src="imagenes/3.jpg" alt="" />
 <img border="0px" align="" src="imagenes/4.jpg" alt="" />
 <img border="0px" align="" src="imagenes/5.jpg" alt="" />
 <img border="0px" align="" src="imagenes/6.jpg" alt="" />
 <img border="0px" align="" src="imagenes/7.jpg" alt="" />


</li>
          
          

    </ul> 

De Modo que no tenga que ponerle la etiqueta <li> a cada imagen.
Porque sólo me está apareciendo la primera imagen, el resto no se ve.

Muchas Gracias por su ayuda.

[chicohot20]

Imagino que el plugin trabaja con LI, tendrías que modificar el plugin para que trabaje con IMG

[skandar]

¿cual sería el problema de ocupar li?... si quieres que se vean todas las imágenes de manera horizontal, por ejemplo, solo tienes que modificar los valores del CSS, básicamente usa en ul la propiedad inline, no es complicado, ademas claro, manejar los espacios de margin y padding.

Saludos.