jQuery com imagens em linha mas com mais imagens abaixo tambem

[Annyh 4]

tem alguma opção no jQuery que faça exibir as imagens em linha, mas mais imagens abaixo delas?

 

ex:

 

foto1 foto2 foto3 foto4

foto5 foto6 foto7 foto8

foto9 foto10 fofo11 foto12

[William Bruno 1501]

?

 

sabe fazer o HTML disso ai ?

[Annyh 4]

sei sim, vou colocar isso em uma lista não ordenada, só quis exemplificar como ficaria...

[William Bruno 1501]

então não entendi.

onde entra o jQuery/javascript nisso ?

 

pra colocar uma imagem do lado da outra, defina float: left para cada LI

então, qndo chegar na largura máxima do UL, vai quebrar para linha de baixo..

[Annyh 4]

pois então, é assim, estou usando o jQuery com jCarouselLite, e não encontrei uma opção para deixar as imagens como se fosso uma matriz, 4x4....

 

queria saber se existe outra forma de fazer, pois estou usando esse plugin para mostrar 16 imagens de cada vez, ai é so clicar na seta next ou prev para passar para frente ou para tras...

 

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jcarousel.js"></script>
<script type="text/javascript">
$(function(){
   $(".carosel").jCarouselLite({
     btnNext: ".next",
     btnPrev: ".prev",
     visible: 3,
     auto: 5000,
     speed: 2000
   })
})
</script>


<div id="carosel">
<button></button>
<button></button>
 <div>
 <ul>
 <li><img src="images/01.jpg" alt="" /></li>
 <li><img src="images/02.jpg" alt="" /></li>
 <li><img src="images/03.jpg" alt="" /></li>
 <li><img src="images/04.jpg" alt="" /></li>
 <li><img src="images/05.jpg" alt="" /></li>
 <li>...</li>
 </ul>
 </div><!--carosel calsse-->
</div><!-- carosel div-->

[thtg 0]

Pessoal estou usando o jquery cycle e estou tendo um problema na hora que ele vai fazer a transicao da foto apenas no Internet Explorer...

Alguém pode me ajudar?

 

Aparece um quadradinho no canto superior esquerdo das imgs na hora da transição... no chrome nao dá isso...

 

 

Obrigado!