Ayuda: cuadros emergentes

HTML y todos sus derivados relacionados con la creación de sitios web

Moderador: Moderadores

Avatar de Usuario
Marys

Ayuda: cuadros emergentes

Mensaje por Marys » Vie Dic 29, 2006 7:11 pm

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!!

opinguino
Moderador
Mensajes: 2429
Registrado: Sab Oct 02, 2004 9:24 pm
Ubicación: españa
Contactar:

Mensaje por opinguino » Vie Dic 29, 2006 7:41 pm

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
opinguino

Avatar de Usuario
Esteban
Senior
Mensajes: 94
Registrado: Dom Dic 31, 2006 4:18 pm
Contactar:

Mensaje por Esteban » Lun Ene 01, 2007 5:48 pm

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
https://www.pulsame.com - Salud, higiene y educación para el perro
https://www.anuncioveloz.com - Anuncios clasificados gratis

VHD
Moderador
Mensajes: 313
Registrado: Sab Ago 06, 2005 10:19 pm
Ubicación: España
Contactar:

Mensaje por VHD » Jue Ene 25, 2007 6:02 pm

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:

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 &euro; / año

Avatar de Usuario
Bettex

Banner

Mensaje por Bettex » Mié Mar 28, 2007 10:02 pm

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

opinguino
Moderador
Mensajes: 2429
Registrado: Sab Oct 02, 2004 9:24 pm
Ubicación: españa
Contactar:

Mensaje por opinguino » Jue Mar 29, 2007 7:47 pm

el "banner" (es una cabecera) de samsung esta echo en flash, y por esa tegnología eberia ser por la que decantases
opinguino

Responder