Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera beleza ? Eu queria fazer um esquema de rolagem horizontal de imagens para um trabalho da facul mas não está rolando
A idéia é que quando eu coloco o mouse em cima da seta para direita ele role para a esquerda certo ? E vice versa.
Quando é vertical eu consigo fazer sem problemas mas não sei como fazer a rolagem horizontalmente, se puderem me dar uma força, pois
quando é vertical uso id_da_div.ScrollTop mas e quando é horizontal ? tentei com Left mas não funcionou.
html do 'menu' com as fotos:
<div id="menu_mini">
<div id="seta_esquerda"><img src="imagem/seta_esquerda.gif" onMouseOver="timerTexto = setInterval('divScrollTextCont3.scrollLeft -= 10;',100);" onMouseOut="clearInterval(timerTexto);" /></div>
<div id="foto_mini">
<div id="divScrollTextCont3" name="divScrollTextCont3">
<table cellSpacing="0" border="0" height="60">
<tr>
<td><a href="fotos_ju.html?foto=1"><img src="imagem/ju/mini01.jpg" alt="mini1" class="transparencia" /></a> </td>
<td><img src="imagem/ju/mini02.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini03.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini04.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini05.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini06.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini07.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini08.jpg" alt="mini1" class="transparencia" /> </td>
<td><img src="imagem/ju/mini09.jpg" alt="mini1" class="transparencia" /> </td>
</tr>
</table>
</div>
</div>
<div id="seta_direita"><img src="imagem/seta_direita.gif" onMouseOver="timerTexto = setInterval('divScrollTextCont3.scrollLeft += 10;',100);" onMouseOut="clearInterval(timerTexto);" /></div>
Aqui vai o CSS da área onde as fotos ficam dentro (divScrollTextCont3).
#divScrollTextCont3{
position:absolute;
height: 66px;
width:100%;
clip:rect(0px 480px 66px 0px);
overflow:hidden;
}
Valeu, Abraços.Carregando comentários...