04/03/2008, 10:26
|
 | | | Fecha de Ingreso: enero-2005
Mensajes: 124
Antigüedad: 20 años Puntos: 1 | |
| Re: Marquesina continua ayuda.
Justo con lo anterior, aparece este otro trozo y que ya pertenece a la generación del vector de imágenes.
Código:
<script language="JavaScript" type="text/JavaScript">
var ancho = 700 // especifica la anchura a mostrar
var alto = 80 // especifica la altura a mostrar (alto de las imágenes)
var velo = 10 // velocidad
var dis = 2 //cantidad de pixels que desplaza por movimiento
var cont = 0
var imagenes = new Array()
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/18_26.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/19_41.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/20_57.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/21_15.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/22_32.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/23_47.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
imagenes[cont] = new Image()
imagenes[cont].src = "colecciones/galeria/24_6.jpg"
imagenes[cont].target = ""
imagenes[cont].a = ""
cont=cont+1;
</td>
var vel = velo
pasos = 4
var tot = 0
var tam =0;
var pos,pos2,tam2 =0;
function escribe(){
document.write ('<div id ="fuera" style="position:relative; width:' + ancho + 'px; height:' + alto + 'px;overflow:hidden">');
document.write ('<span id="imas" style="position:absolute; width:' + tam + 'px;height:' + alto + 'px; left = -' + tam + 'px;" onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
for (m=0;m<imagenes.length;m++){
if(imagenes[m].a != ""){
document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
}
document.write ('<img border="0" src ="' + imagenes[m].src + '" id="ima' + m + '" name="ima' + m + '" onload="tot++;">');
if(imagenes[m].a != ""){document.write ('</a>')}
}
document.write ('</span>');
document.write ('<span id="imas2" style="position:absolute; width:' + tam + 'px;height:' + alto + ';left=0;" onmouseover="if(detienee == 0){detienee = 1}" onmouseout="clearTimeout(tiempo);detienee=0;atras = false;vel=velo;mueve()">');
for (m=0;m<imagenes.length;m++){
if(imagenes[m].a != ""){
document.write('<a href="' + imagenes[m].a + '" target="' + imagenes[m].target + '">')
}
document.write ('<img border="0" src ="' + imagenes[m].src + '" id="imaa' + m + '" name="imaa' + m + '" onload="tot++;">');
if(imagenes[m].a != ""){document.write ('</a>')}
}
document.write ('</span>');
document.write ('</div>');
}
var detienee = 0,posb,pos2b;
function mueve(){
pos = document.getElementById('imas').style.left;
pos2 = document.getElementById('imas2').style.left;
pos = pos.replace(/px/,"");
pos = pos.replace(/pt/,"");
pos = new Number(pos);
pos2 = pos2.replace(/px/,"");
pos2 = pos2.replace(/pt/,"");
pos2 = new Number(pos2);
if(detienee == 1){
posb = pos;
pos2b = pos2;
}
if(atras == true){
pos-=dis;
pos2 -=dis;
}
else{
pos += dis;
pos2 += dis;
}
if(pos2 > (ancho + dis)){
if(detienee == 0){
document.getElementById('imas2').style.left = pos - (tam + dis);
pos2 = document.getElementById('imas2').style.left;
}
else{
document.getElementById('imas').style.left = pos
}
}
else{
document.getElementById('imas').style.left = pos
}
if(pos > (ancho + dis)){
if(detienee == 0){
document.getElementById('imas').style.left = pos2 - (tam + dis);
pos = document.getElementById('imas').style.left;
}
else{
document.getElementById('imas2').style.left = pos2;
}
}
else{
document.getElementById('imas2').style.left = pos2
}
if(detienee > 0){
if(detienee == pasos){
vel = velo;
atras = true;
detienee--;
tiempo = setTimeout('mueve()',vel);
}
else{
if(atras == true){
if(detienee>(pasos/2))
{detienee--}
else{
vel = velo;
clearTimeout(tiempo)
}
}
else{
detienee++
}
if(detienee > (pasos/2) && atras == false){vel +=10}
if(detienee < (pasos/2)){vel +=10}
tiempo = setTimeout('mueve()',vel)
}
}
else{
tiempo = setTimeout('mueve()',vel)
}
if(atras == true){
if (pos == posb){
clearTimeout(tiempo);
atras = false;
}
}
}
var tiempo;
var atras = false, ini;
function inicio(){
if(tot == (imagenes.length * 2)){clearTimeout(ini);reDimCapas();mueve()}
else{ini=setTimeout('inicio()',500)}
}
function reDimCapas(){
for(m=0;m<imagenes.length;m++){
tam +=document.getElementById('ima'+m).width
document.getElementById('imas').style.left = (-tam +10);
document.getElementById('imas').style.width = tam ;
document.getElementById('imas2').style.width = tam;
}
}
</script>
</head>
<body onload="inicio();">
<table width="51%" border="0" align="center">
<tr>
<td align="center">
<script>escribe();</script>
</td>
</tr>
</table>
</body></div></td></tr>
</table>
</td>
</table>
</td>
</tr>
<tr>
<td colspan="3" align="center" valign="top"><table border="0" cellspacing="2" cellpadding="2">
<tr><td class="fuente_pie" colspan="9" align="center">Copyright © 2008 Muebles Briole</td></tr>
<tr align="center">
<td><a href="empresa.cfm">La Empresa</a></td>
<td class="fuente_pie">|</td>
<td><a href="ubicacion.cfm">Dónde Estamos</a></td>
<td class="fuente_pie">|</td>
<td><a href="servicios.cfm">Qué Ofrecemos</a></td>
<td class="fuente_pie">|</td>
<td><a href="spot.cfm">Spot</a></td>
<td class="fuente_pie">|</td>
<td><a href="contacta.cfm">Contacta</a></td>
</tr>
<tr><td align="center" colspan="9" class="optimizado">Sitio web Optimizado para: MS Internet Explorer 6 y 7 - Flash Player 8 - Resolución de 1024x768 píxeles<br><br>
<a href="http://www.pikolin.es" target="_blank" title="Visitar web PIKOLIN"><img src="img/logo.gif" width="92" height="31" border="0"></a>
</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|