Foros del Web » Creando para Internet » CSS »

Como hacer posible un mouseover img

Estas en el tema de Como hacer posible un mouseover img en el foro de CSS en Foros del Web. Buenos días a todos.. un cordial saludo desde Guatemala... bueno.. quisiera que me ayudaran un poco... pues... ya que estoy en un "medioproyectito" para un ...
  #1 (permalink)  
Antiguo 29/09/2009, 11:29
 
Fecha de Ingreso: marzo-2008
Ubicación: Patzún, Chimaltenango
Mensajes: 71
Antigüedad: 9 años, 9 meses
Puntos: 0
Como hacer posible un mouseover img

Buenos días a todos.. un cordial saludo desde Guatemala... bueno.. quisiera que me ayudaran un poco... pues... ya que estoy en un "medioproyectito" para un gestor de contenidos.. .bueno.. ire al grano (si es q pueda)...

tengo la opción y posibilidad de estar cambiando de temas... (skins) y lo elijo desde un menu de <form> y lo que quiero es que por ejemplo cuando me posicione sobre "tema1" me despliegue con efecto "onmouseover" o alguna otra idea.. la imagen del tema (tema1.jpg"....

lo que tengo mas o menos es asi..
Código PHP:
<div class="cambiarskin">
<
style>
.
cambiarskin {
    
width200px;
}
.
cambiarskin form select {
    
width200px;
        
height25px;
        
border1px solid #00A9DD;
        
backgroundurl(http://localhost/proyecto2010/templates/tema01/text_bg.png) repeat-x;
        
padding-top2px;
}
</
style>
<
form method="post" action="">
<
select onchange="submit()" name="skin_name">
<
option value="tema01">tema01</option>
<
option value="tema02">tema02</option>
<
option value="tema03">tema03</option>
<
option value="tema04">tema04</option>
<
option value="tema...... </option>
</select>
<input type="
hidden" name="action_skin_change" value="yes">
</form>
</div> 


y bueno.. entonces ya han de hacerse la idea que es un formulario con un menu expandible y seleccionable para cambiar de skin.. y bueno.. lo que quería es que por ejemplo al hacer mousover sobre el tema01.. que me despliegue una imagen pequeña tema01.jpg.. y cuando haga onmouseover="salir de la imagen" y sobre el tema02... asi.. etc.. probe hacerlo con ShoworHide().. pero no me funciono... tengo una idea... es con display:none .. y algun javascript que al hacer onmouseover al <option> me cambie a "display:block;" al div que contendria a la imagen .. pero no se como hacerlo... ojalá me ayuden..
saludos!!
  #2 (permalink)  
Antiguo 29/09/2009, 11:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como hacer posible un mouseover img

Sobre un menú desplegable de múltiples opciones de Mikmoro, con el añadido de un span en cada item final para mostrar la miniatura, sin usar js ni otros cosas:
css.devillasbuenas.es/menu_desplegable8.html

Un saludo

P.D.: utilizo este ejemplo porque ya estaba de otra consulta sobre dicho menú
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 16/10/2009, 18:18
 
Fecha de Ingreso: marzo-2008
Ubicación: Patzún, Chimaltenango
Mensajes: 71
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Como hacer posible un mouseover img

no no amigo!... un menu despegable no quiero!:. yo ya hice un menu despegable simple con FORM pero lo que quiero es que al pasar sobre <option> osea al hacer mouseover sobre la opción del menú me despliegue una imágen algo así como imagepreview pero es jquery y en mi sitio utilizo mootoosl me di cuenta que mootools no funciona con jquery... y entonces lo que suponía es que al hacer onmouseover active una classe para que cambie onmouseout= "display: none;" onmouseover="display: block;" pero lo que se va a display sea la imagen Preview... espero alguien me entienda..!!
è
pero bueno.. kseso gracias por tu sugerencia
  #4 (permalink)  
Antiguo 16/10/2009, 22:19
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Como hacer posible un mouseover img

Mira este sitio, hay buenos tutoriales sobre css + jquery, http://www.sohtanaka.com/web-design-blog/ cortesía de Kseso? ya que descubri el sitio en un post suyo.

Saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:32.