image
Inicio » Foros » JavaScript

JavaScript

slide de imagenes vertical con enlaces

Volver al foro | Responder | Añadir nuevo tema


De: fidelio
Fecha: 11/04/2005
Mensaje:

Tengo colocada en una web un slide de imágenes que van de derecha a izquierda, cada una con su link correspondiente. ¿Cómo puedo hacer para que vaya de abajo a arriba?.

Muchas gracias.




Quizás le interese
De: fidelio
Util para: 0 personas

Fecha: 15/04/2005
Mensaje:

¿Nadie sabe hacerlo?

Salu2.





De: Zero-Killed
Util para: 0 personas

Fecha: 15/04/2005
Mensaje:

Depende como tengas el slide. Si con la etiqueta <marquee> de Internet Explorer es mas sencillo. Hay un atributo que es direction y le asigna por valor down o up. Ejemplo:

<marquee direction="up">Este es un texto que se desplaza hacia arriba</marquee>

En cambio, esta etiqueta no la acepta otros navegadores como NetScape y seguramente otros más. Para lograr ese efecto en estos otros navegadores es necesario de un script. Ahora, el asunto es; ¿cómo quieres que te ayudemos si no pones el script que estas usando? (si es que este es tu caso). Si no pones el script no podremos ayudarte porque, ¿cómo sabremos nosotros cuales son los parametros que tiene el script y de que forma esta aplicada? Por tanto, te exhorto a que escribas el script.





De: fidelio
Util para: 0 personas

Fecha: 16/04/2005
Mensaje:

Es que no me deja pegar el script, me dice que retire no se que Tags.

la dirección donde lo tengo es iespana.es/primeratoma

(con las 3 "w" delante, claro)

 

Gracias y salu2.






De: Zero-Killed
Util para: 0 personas

Fecha: 16/04/2005
Mensaje:

Sino te deja poner el script es porque es porque seguramente en alguna parte hay algun link. Aunque tu no lo veas con codigos HTML (a eso se refiere los tags) a veces los links se cuelan el servidor entiendes que entrantes algun tag. Me parece que es un error del servidor.

Por otra parte parece que escribistes mal esta direccion: www.iespana.es/primeratoma, pues entro la direccion y me dice que la pagina no existe.





De: fidelio
Util para: 0 personas

Fecha: 16/04/2005
Mensaje:

Te aseguro que es esa la dirección. Comprueba a ver, quizá intentaste entrar en un momento en el que el servidor estaba caído (los de iespana son bastante chapuceros con estas cosas).

Muchas gracias y salu2.





De: Zero-Killed
Util para: 0 personas

Fecha: 17/04/2005
Mensaje:

Si que el server iespana es bien chapucero. Ahora pude entrar. He aqui te traigo el gran rollo: los cambios fueron muy pocos; lo que tienes que hacer es copiar el script completo y pegarlo en su respectivo lugar, pero reemplazando el bloque de script completo en la pagina. De todos modos los codigos en color rojo fueron donde le hice los cambios al original. Mi recomendacion es que hagas una copia de seguridad de tu trabajo antes de integrarle los cambios por si no funciona adecuadamente. Y por ultimo, le dejo saber que solo lo intente en IE6, en NS no lo he probado porque no lo tengo. Pero de todos modos, intente hacer los cambios para que sea compatible con NS.

<SCRIPT language=JavaScript1.2>
//Specify the slider's width (in pixels) 137
var sliderwidth=137;
//Specify the slider's height
var sliderheight=55;
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1

 
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
slidebgcolor="#FFFFFF"
leftrightslide[0]='<a href="http://www.iespana.es/primeratoma/peliculas/in_good_company.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_1.jpg" border=0></a>'
leftrightslide[1]='<a href="http://www.iespana.es/primeratoma/peliculas/steamboy.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_2.jpg" border=0></a>'
leftrightslide[2]='<a href="http://www.iespana.es/primeratoma/peliculas/casa_dagas_voladoras.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_3.jpg" border=0></a>'
leftrightslide[3]='<a href="http://www.iespana.es/primeratoma/reportajes_i/carrera/e_hawke/e_hawke_index.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_4.jpg" border=0></a>'
leftrightslide[4]='<a href="http://www.iespana.es/primeratoma/avances_i/avance_3.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_5.jpg" border=0></a>'
leftrightslide[5]='<a href="http://www.iespana.es/primeratoma/vhs_dvd_bso.htm"><img src="http://www.iespana.es/primeratoma/slides/slide_6.jpg" border=0></a>'
var copyspeed=slidespeed
leftrightslide= leftrightslide.join("<br />");
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetHeight : document.getElementById("temp").offsetHeight;
cross_slide2.style.top=actualwidth+4;
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.height;
ns_slide2.height=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30)
}
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.top)>(actualwidth*(-1)+8))
cross_slide.style.top=parseInt(cross_slide.style.top)-copyspeed
else
cross_slide.style.top=parseInt(cross_slide2.style.top)+actualwidth+3
if (parseInt(cross_slide2.style.top)>(actualwidth*(-1)+8))
cross_slide2.style.top=parseInt(cross_slide2.style.top)-copyspeed
else
cross_slide2.style.top=parseInt(cross_slide.style.top)+actualwidth+3
}
else if (document.layers){
if (ns_slide.top>(actualwidth*(-1)+8))
ns_slide.top-=copyspeed
else
ns_slide.top=ns_slide2.top+actualwidth+3
if (ns_slide2.top>(actualwidth*(-1)+8))
ns_slide2.top-=copyspeed
else
ns_slide2.top=ns_slide.top+actualwidth+3
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:0;top:330"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=330 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</SCRIPT>




De: fidelio
Util para: 0 personas

Fecha: 17/04/2005
Mensaje:

Pues muchas gracias.

Lo he puesto pero no sale nada, sólo se ve el hueco en blanco. ¿Es posible que haya algun problema con el otro script de la fecha?.

Gracias y salu2.





De: Zero-Killed
Util para: 0 personas

Fecha: 18/04/2005
Mensaje:

Estaba verificando la página con el efecto en vertical en diferentes navegadores tales como: NetScape, Firefox y Mozilla y todos resultaron bien. En verdad que desconozco cual es la situación ahora, pero sospecho que posiblemente has localizado mal el script o algo por el estilo. De todos modos lo que estuve pensando fue que te contactes conmigo a mi correo electrónico para enviarle la misma página tal como la modifique para que visualices donde realice los cambios. Y le aseguro que a mi me esta funcionando tal como lo querias.

Sobre el script de la fecha, lo que le puedo decir es que hasta donde yo estudie tu página, ninguna relación tiene el script de la fecha con el script del slide.

Recuerda: si deseas, contactese conmigo al correo electrónico.





Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.