[SOLUCIONADO] fotos (slider)

pumu56_7 · #1 (**permalink**) 25/06/2013, 01:46

me gustaria saber como seria poner fotos q cambian automaticamente cada cierto tiempo y tb como se le puede poner musica a una pagina web gracias

Rafael · #2 (**permalink**) 25/06/2013, 08:29

Revisa esta búsqueda de google. https://www.google.com.mx/search?q=j...a&channel=fflb

Te aparecerán diferentes galerías de imágenes.
Busca la que más te guste e impleméntala. Cada una trae sus instrucciones.

Ponerle música a la página, la realidad es que no gusta. Pero puedes probar la etiqueta audio.

pumu56_7 · #3 (**permalink**) 25/06/2013, 08:40

me refiero al codigo q aria falta tanto como poner fotos para qcambien y el codigo para ponerle musica

Rafael · #4 (**permalink**) 25/06/2013, 10:56

ESCOJE que slider te gusta y ahí está el código y las instrucciones. No hay una opción, hay como 200, escoje cual te gusta. El código de audio investiga la etiqueta audio.

Sí entendí que necesitas.

nometoquesla · #5 (**permalink**) 25/06/2013, 11:02

Yo haría un .gif con las imágenes que quieres que vayan pasando, así les puedes dar tú el tiempo que quieres entre una y otra.

También puedes hacer que cambien cuando les das un click, o cuando pase el ratón por encima, o cualquier otro evento.

Así sería cuando le das un click a la primera imágen y te salen las demás:

<img src=".../foto1.jpg" width="198" height="264" onclick="MM_preloadImages('.../foto2.jpg','.../foto3.jpg')" />

Rafael · #6 (**permalink**) 25/06/2013, 11:06

No, ese código depende de un script de dreamweaver MM_.

A ver, acá hay uno básico. Copiado de la wiki del foro

Código Javascript:

Ver original<script language="javascript">
 
//Aquí cambia los nombres de las imágenes por las tuyas.
var imagenes=new Array()
 
imagenes[0]=new Image (380,288);
imagenes[0].src="tibidabo.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="gato.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="paloma.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="perico.jpg"
 
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
    {
    document.images.foto.src = imagenes[cont].src
    }
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
 //cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
 
</script>
</head>
 
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="tibidabo.jpg" style="filter:blendTrans(duration=[b]3[/b])">
<!-- la duración de la transición es de 3 segundos. 
Cambia este valor según tus preferencias -->

nometoquesla · #7 (**permalink**) 25/06/2013, 12:58

Es verdad, se me olvidó copiar el script.

Yo tampoco pondría música, yo siempre tengo el mute puesto, pues odio las páginas o los banners con música.

pumu56_7 · #8 (**permalink**) 25/06/2013, 16:03

joooo o soy mu torpe xq no me sale jajaj me lo podeis explicar como si fuera tonto paso a paso por fa

Rafael · #9 (**permalink**) 27/06/2013, 18:32

No es cuestión de que seas torpe. Dedica un rato a buscar un lsider que te guste y ahí vienen las instrucciones.

Rafael · #10 (**permalink**) 27/06/2013, 18:43

Por ejemplo. En la busqueda que te pongo el primer link es esto:
http://www.1stwebdesigner.com/css/fr...lay-solutions/

Ahí vas a view demo a cada uno y el que te guste buscas las instrucciones.

El que te puse pegado en el post.
¿Puedes copiarlo, pegarlo y cambiarle los textitos para que se ajuste al nombre de tus fotos?