Los Foros de ASPTutor.com
Home | Perfil | Registrarse | Temas Activos | Miembros | Buscar | FAQ
Usuario:
Password:
 Todos los Foros
 ASP
 sucesion horizontal de imagenes desde bd
 Foro Bloqueado  Tema Bloqueado


Autor Temas
Vanessa
Junior Member

España
181 Posts
Mensajes - 07 Apr 2005 :  16:06:07  Ver Perfil  Enviar Email
Hola, necesito suceder varias imagenes, pero cogiendolas de una bd, es posible?, lo unico que he conseguido es suceder varias imagenes dandole la direccion de éstas por defecto. Os pongo el ejemplo. Gracias.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0131)http://javascripts.astalaweb.com/Gr%C3%A1ficos%20II/Sucesión%20horizontal%20de%20imágenes/Sucesión%20horizontal%20de%20imágenes.htm -->
<HTML><HEAD><TITLE>Sucesión horizontal de imágenes</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>
<BODY onload=start()>
<SCRIPT>
//Script submitted by vasile birsan
//http://members.home.net/v.birsan/
//Displayed on www.a1javascripts.com/
//slider's width
var swidth=102


//slider's height
var sheight=82

//slider's speed;
var sspeed=2


var imagef=''


//images: change to your own

var leftimage=new Array();
leftimage[0]='<img src="coche.gif" width=100 height=80 border=1>'
leftimage[1]='<img src="coche2.gif" width=100 height=80 alt="Basil" border=1>'
leftimage[2]='<img src="coche3.gif" width=100 height=80 border=1>'

for (mi=0;mi<leftimage.length;mi++)
imagef=imagef+leftimage[mi]


function start(){
if (document.all) return
if (document.getElementById){
document.getElementById("slider").style.visibility="show"
initial6(document.getElementById('slider'))
}
else if(document.layers){
document.slider1.visibility="show"
intialslide()
}
}
function intialslide(){
document.slider1.document.slider2.document.write('<nobr>'+imagef+'</nobr>')
document.slider1.document.slider2.document.close()
thel=document.slider1.document.slider2.document.width
document.slider1.document.slider2.left-=thel
sslide()
}
function sslide(){
if (document.slider1.document.slider2.left>=thel*(-1)){
document.slider1.document.slider2.left-=sspeed
setTimeout("sslide()",100)
}
else{
document.slider1.document.slider2.left=swidth
sslide()
}
}
function initial6(whichdiv){
tdiv6=eval(whichdiv)
tdiv6.innerHTML=('<nobr>'+imagef+'</nobr>')
tdiv6.style.left=swidth
thel=swidth*leftimage.length
scroll6()
}
function scroll6(){
if (parseInt(tdiv6.style.left)>=thel*(-1)){
tdiv6.style.left=parseInt(tdiv6.style.left)-sspeed
setTimeout("scroll6()",100)
}
else{
tdiv6.style.left=swidth
scroll6()
}
}
//You might run into a position problem within the page, using either
//NS4.x or NS6.x. To correct this use the coordinates: 'left=value',
//'top=value' within ilayer/layer tags or 'position:relative/absolute;
//left:value;top:value;' within NS6's div tags.
//Those values can be either positive or negative!
//Make sure you've got the onload='...;' within body tag but without
//takeFocus(); there!
</SCRIPT>

<P align=center><B>Sucesión horizontal de imágenes<BR><BR>
<SCRIPT>
if (document.all){
document.write('<marquee id="slidere" scrollAmount=2 style="width:102;height:82;">'+imagef+'</marquee>')
slidere.onmouseover=new Function("slidere.scrollAmount=0")
slidere.onmouseout=new Function("if (document.readyState=='complete') slidere.scrollAmount=2")
}
if (document.layers){
document.write('<ilayer width=102 height=82 name="slider1" bgcolor="white" visibility=hide>')
document.write('<layer name="slider2" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
document.write('</layer>')
document.write('</ilayer>')
}
if (document.getElementById&&!document.all){
document.write('<div style="position:absolute;width:102;height:82;clip:rect(0 102 82 0);">')
document.write('<div id="slider" style="position:relative;width:&{swidth};" onMouseover="sspeed=0;" onMouseout="sspeed=2">')
document.write('</div></div>')
}
</SCRIPT>
<BR><BR>&nbsp;</B></P>
<P align=center>Imágenes:<BR><A
href="http://javascripts.astalaweb.com/Gráficos%20II/Sucesión%20horizontal%20de%20imágenes/coche.gif">coche.gif</A>&nbsp;
<A
href="http://javascripts.astalaweb.com/Gráficos%20II/Sucesión%20horizontal%20de%20imágenes/coche2.gif">coche2.gif</A>&nbsp;
<A
href="http://javascripts.astalaweb.com/Gráficos%20II/Sucesión%20horizontal%20de%20imágenes/coche3.gif">coche3.gif</A></P></BODY></HTML>


nubeazul
Moderator


814 Posts
Posted - 07 Apr 2005 :  16:27:47  Ver perfil  Enviar e-mail  Visit nubeazul's Homepage
si es posible

Nubeazul
Contruyendo un Mundo más Azul y HumanoInicio Pagina

Vanessa
Junior Member

España
181 Posts
Posted - 08 Apr 2005 :  18:10:56  Ver perfil  Enviar e-mail
y si no es mucho pedir, me podrías decir como puedo conseguirlo o algún ejemplo...
gracias

Inicio Pagina

MANELROIG
Starting Member


8 Posts
Posted - 05 May 2005 :  12:34:57  Ver perfil  Enviar e-mail  Visit MANELROIG's Homepage
Busca en internet la extension de DreamWeaver
Horizontal Looper.
Con esto puedes ver imagenes de una BBDD y paginarlas o no si asi lo deseas. Es gratuita.
Mira el ejemplo si asi te va bien :
www.vespa-avenger.com/galeria.asp


Inicio Pagina

guarracuco
Junior Member

Venezuela
105 Posts
Posted - 06 May 2005 :  14:03:15  Ver perfil  Enviar e-mail  Visit guarracuco's Homepage
Con este sencillo código, creas una marquesina que se desplaza hacia la direccion que le indiques. En vez de texto, puedes insertar imagenes.
Cuando el usuario mueve el puntero sobre la marquesina, esta se detiene.


<SCRIPT LANGUAGE="JavaScript">
<!-- Mas trucos y scripts en http://www.javascript.com.mx -->
<!-- Begin
document.write('<marquee id="iescroller" direction="up" width="250" height="75" scrollamount="2" scrolldelay="100" style="border:3 solid red;background-color:black">');
iescroller.onmouseover=new Function("iescroller.scrollAmount=0");
iescroller.onmouseout=new Function("iescroller.scrollAmount=2");

document.write('<font size="3" face="Monotype corsiva" color="Yellow">')
document.write('<Div align="center"><img src=images/tufoto1.jpg></div><br><br>');
document.write('<Div align="center">Además de una amplia colección de scripts...</div><br><br>');
document.write('<Div align="center">Puedes encontrar iconos, fondos ....</div><br><br>');
document.write('<Div align="center">Tienes también muchos otros servicios GRATIS a tu disposición.</div><br><br>');

document.write('</font>');
document.write('</marquee>');
// End -->
</script>

Inicio Pagina

   
 Foro Bloqueado  Tema Bloqueado
Ir a:
Los Foros de ASPTutor.com Los Foros de ASPTutor.com
Ir al principio de la Página

 Imprimir Tema
 

Descargas de manuales¦ Ejemplos de código ¦ Artículos mas visitados ¦ Envía tu articulo ¦ Foros ¦
  Libro de visitas ¦Crea un enlace con ASPTutor 
 

    © 2001-Hasta hoy  Pedro Rufo Martín  contactar