Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/11/2004, 08:32
lenz
 
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>