Foros del Web » Creando para Internet » HTML »

Como hacer un scroll de un layer desde una imagen

Estas en el tema de Como hacer un scroll de un layer desde una imagen en el foro de HTML en Foros del Web. Necesito hacer un listado de imagenes que si tiene scroll no aparezcan las barras y tener unas imagenes que me permitan desplazarme hacia arriba y ...
  #1 (permalink)  
Antiguo 10/11/2004, 08:32
 
Fecha de Ingreso: agosto-2003
Mensajes: 203
Antigüedad: 20 años, 8 meses
Puntos: 0
Como hacer un scroll de un layer desde una imagen

Necesito hacer un listado de imagenes que si tiene scroll no aparezcan las barras y tener unas imagenes que me permitan desplazarme hacia arriba y abajo el codigo que sigue lo uso pero me funciona solo en explorer, necesito que funcione tambien en modzila


<script type="text/javascript">

/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=5

<SCRIPT LANGUAGE="JavaScript">
<!--
if (iens6){
document.write('<div id="content" style="position:absolute; width:140px; height:100px;left=0;top=0">')
}
//-->
</SCRIPT>
<ilayer name="nscontainer" width=160 height=110 clip="0,0,215,160">
<layer name="nscontent" width=140 height=160>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ong (5012)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="shed Calf (1016)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ished Calf (1018)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="shed Calf (1019)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ed Calf (1020)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="lished Calf (1021)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="rd (1038)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="(9000)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="1)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="nk Lizard (2046)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ap (9250)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=" Strap (9202)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ic Strap (9200)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="p (9206)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ap (9217)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="r - Black Patent(2012)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="r Blue Bright Alligator (2003)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="r Magenta Polished Metal (2029)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="r Orange Polished Metal (2019)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="atent Crystal (2044)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=" Green Lizard (2048)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ava Lizard (2045)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="( 2197 )"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="9305)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=" Purple Leather (2584)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ap (9350)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="ic Strap (9300)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="9301)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="9)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="70)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="71)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="11)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="8)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="802)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=")"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="9801)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="/ Red (7373)"></a></td>
</tr>
<tr>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="tor (1603)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="(9800)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="1)"></a></td>
<td width=30><a href=""><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt=""></a></td>
</tr>
<tr>
<td width=30><a href="product_info_bands.php?cPath=28_34&products_ id=389&pd=29&osCsid=342b09eac204403898811589d7c7a7 d9"><img src="images/axtraband_1.jpg" width="30" height="18" border=0 alt="Gel- Black (9450)"></a></td>
<td width=30></td><td width=30></td><td width=30></td></tr> </table>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (iens6)
document.write('</div>')
</script>
</td>
</tr>
</table>
</td>
<td></td>
</tr>
<tr>
<td height=5></td>
<td><a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="images/flecha_mallas_abajo.gif" width="11" height="11" border=0></a></td>
</tr>
</table>
<script language="JavaScript1.2">
if (iens6)
document.write('</div>')
</script>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheig ht*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+sp eed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility ="show"
}
window.onload=getcontent_height
</script>
</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:55.