Página 1 de 1

Ayuda: cuadros emergentes

Publicado: Vie Dic 29, 2006 7:11 pm
por Marys
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!!

Publicado: Vie Dic 29, 2006 7:41 pm
por opinguino
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

Publicado: Lun Ene 01, 2007 5:48 pm
por Esteban
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

Publicado: Jue Ene 25, 2007 6:02 pm
por VHD
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>

Banner

Publicado: Mié Mar 28, 2007 10:02 pm
por Bettex
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

Publicado: Jue Mar 29, 2007 7:47 pm
por opinguino
el "banner" (es una cabecera) de samsung esta echo en flash, y por esa tegnología eberia ser por la que decantases