Ayuda: cuadros emergentes
Moderador: Moderadores
Ayuda: cuadros emergentes
Hola, soy nueva en esto de hacer páginas web y, claro, ando líada con el Dreamweaver MX 2004 y tengo un problemilla. Me gustaria tener de esos cuadros amarillos con texto que aparecen cerca del puntero del ratón cuando lo pasas por alguna zona. Supongo que se pueden hacer con capas y comportamientos pero quizás haya una forma super automatizada y sencilla de hacerlo. Alguno sabe??
También me gustaría saber de algún tutorial en castellano para hacer un SlideShow, que no sé cómo llamarlo en español, es una galería de imágenes de estas que van pasando solas, como las de los MSN Spaces.
Muchas gracias por vuestra ayuda!!
También me gustaría saber de algún tutorial en castellano para hacer un SlideShow, que no sé cómo llamarlo en español, es una galería de imágenes de estas que van pasando solas, como las de los MSN Spaces.
Muchas gracias por vuestra ayuda!!
-
- Moderador
- Mensajes: 2429
- Registrado: Sab Oct 02, 2004 9:24 pm
- Ubicación: españa
- Contactar:
por partes.
la primera pregunta no se a que te refieres, como no seas un poco mas concreto, por ejemplo pon una pagina que tenga lo que buscas
un slideshow no se hace en html simple, por lo menos nada simple. lo ideal es usar flash para esta tecnologia, no hace falta saber mucho de flash, de echo puedes hacer la galeria asi sin escribir ni una sola linea de codigo por medio de variaciones de opacidad.
aqui tienes un tutorial qe te puede servir de base: http://www.abcdatos.com/tutoriales/tutorial/o163.html
lo bueno, es que hay algunos programas que lo hacen por ti, si no sabes usar flash.
otra forma de realizar la galeria es por medio de XML y flash o por PHP
aqui puedes conseguir programas mas simples, y en algunos casos, sin necesidad de escribir una linea de codigo
http://www.desarrolloweb.com/scripts/fl ... -flash.php
la primera pregunta no se a que te refieres, como no seas un poco mas concreto, por ejemplo pon una pagina que tenga lo que buscas
un slideshow no se hace en html simple, por lo menos nada simple. lo ideal es usar flash para esta tecnologia, no hace falta saber mucho de flash, de echo puedes hacer la galeria asi sin escribir ni una sola linea de codigo por medio de variaciones de opacidad.
aqui tienes un tutorial qe te puede servir de base: http://www.abcdatos.com/tutoriales/tutorial/o163.html
lo bueno, es que hay algunos programas que lo hacen por ti, si no sabes usar flash.
otra forma de realizar la galeria es por medio de XML y flash o por PHP
aqui puedes conseguir programas mas simples, y en algunos casos, sin necesidad de escribir una linea de codigo
http://www.desarrolloweb.com/scripts/fl ... -flash.php
opinguino
A la pregunta referente a pasar fotografias:
Este código crea que varios banner (en tu caso pueden ser fotos) se vallan cambiando simultáneamente sin refrescar la página. También puedes ponerles links a cada uno de ellos abriendo nueva ventana.
<td width="100%">
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages=new Image()
slideimages.src=slideshowimages.arguments
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks=slideshowlinks.arguments
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<p align="center" style="margin-top: 0; margin-bottom: 0"><a href="javascript:gotoshow()">
<img src="micropik/banner_micropik3.gif" name="slide" border="0" width="454" height="58"></a>
<script>
<!--
//aqui se configura en la primera linea las direcciones de las imagenes, y en la segunda la de sus respectivos links
slideshowimages("http://www.xxxxx.com/gif1.gif","http:// ... m/gif3.gif")
slideshowlinks("http://www.xxxxx.com","http://www.xxxxx.com","http://www.xxxxx.com")
//configura la velocidad a la que quieras que se cambien las imagenes con sus links
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
</p>
Espero que te sea de ayuda
Un saludo
Este código crea que varios banner (en tu caso pueden ser fotos) se vallan cambiando simultáneamente sin refrescar la página. También puedes ponerles links a cada uno de ellos abriendo nueva ventana.
<td width="100%">
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages=new Image()
slideimages.src=slideshowimages.arguments
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks=slideshowlinks.arguments
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<p align="center" style="margin-top: 0; margin-bottom: 0"><a href="javascript:gotoshow()">
<img src="micropik/banner_micropik3.gif" name="slide" border="0" width="454" height="58"></a>
<script>
<!--
//aqui se configura en la primera linea las direcciones de las imagenes, y en la segunda la de sus respectivos links
slideshowimages("http://www.xxxxx.com/gif1.gif","http:// ... m/gif3.gif")
slideshowlinks("http://www.xxxxx.com","http://www.xxxxx.com","http://www.xxxxx.com")
//configura la velocidad a la que quieras que se cambien las imagenes con sus links
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
</p>
Espero que te sea de ayuda
Un saludo
https://www.pulsame.com - Salud, higiene y educación para el perro
https://www.anuncioveloz.com - Anuncios clasificados gratis
https://www.anuncioveloz.com - Anuncios clasificados gratis
Estimado Mary,
Para los cuadros amarillos que dices, que al pasar el ratón por encima de algún texto o imagen, estos aparezcan, usa el siguiente cógido:
Para los cuadros amarillos que dices, que al pasar el ratón por encima de algún texto o imagen, estos aparezcan, usa el siguiente cógido:
Código: Seleccionar todo
<td bgcolor="#ffffcc" width="4%"><div align="center"><a href="javascript:void(0);" onMouseOver="return overlib('Texto Informativo.');" onMouseOut="return nd();"><img src="http://tu-dominio.com/imagen.gif" align="middle" border="0" /></a></div></td>
VirtualHostingDigital.com Hosting Vitalicio - VirtualHostingDigital - VHD.es
Equipo de ABCdatos Tutoriales y Ayuda al usuario
Oferta: 10 GB de Espacio Web, Transferencia Ilimitada, Dominio .com o .es de regalo, por solo 30 € / año
Equipo de ABCdatos Tutoriales y Ayuda al usuario
Oferta: 10 GB de Espacio Web, Transferencia Ilimitada, Dominio .com o .es de regalo, por solo 30 € / año
Banner
Hola, ojala alguien pueda ayudarme, necesito hacer un banner pero dentro de este esten otros trres mas pequeños, el caso es que al situar el puntero sobre uno de estos emerja un banner del tamaño del mas grande y con un efecto de desenfoque pero al llegar al final se aclare, mas o menos como el de www.samsung.com, ayudenme por fah. manden respuestas al correo ghofbeto@hotmail.com.
Atte.
Bettex
Atte.
Bettex