como hacer un javascript

Iniciado por Gcb93, 13 Abril 2011, 11:09 AM

0 Miembros y 1 Visitante están viendo este tema.

Gcb93

Hola

queria saber como hacer un javascript que muestre una imagen y al pasar el raton se abra otra imagen pero con mas resolucion, las imagenes son la misma nada mas que una tiene mas resolucion que la otra, querria que se amplie y se centrara en el centro de la pantalla y que debajo de la imagen pudiera poner un texto

algo como esto

http://www.templatemonster.com/

o como esto

http://www.pccomponentes.com/tarjetas_graficas_ati_pci_express-3.html

por ejemplo cuando pinchas en una de las imagenes a comprar se abre en el centro de la pantalla y se oscurece el fondo, luego en la imagen con mayor resolucion debajo pone un texto

esto es algo parecido a lo que busco

alguien me puede dar el codigo o explicarme como hacerlo?

es que lo he estado buscando por todos sitios y no lo he encontrado por ninguna parte

Desde ya mil gracias

Gcb93


merolhack

Eso se llama Modal, es javascript, el primero que se empezó a usar fue Lightbox
http://www.huddletogether.com/projects/lightbox2/

De ahi salieron muchos plugins para jQuery y Motools:
http://www.google.com/search?sourceid=navclient&hl=es&q=jquery+Modal

Joomla usa el de Motools xD
PHP Web Developer
Joomla, jQuery, MySQL, CSS, etc...

Android APP Developer http://android-dev.tumblr.com/

Gcb93

si es justo lo que estaba buscando, no lo he encontrado en ningun sitio


CitarDe ahi salieron muchos plugins para jQuery y Motools

jQuery y Motools que son???

mil gracias xD no sabes como lo he buscado jeje ;-)

merolhack

jQuery y Motools son librerias para hacer efectos y mejorar la usabilidad en tu sitio web, por ejempl puedes poner un acordión de noticias, noticias con AJAX, sliders de imagenes, lectores de RSS, etc
PHP Web Developer
Joomla, jQuery, MySQL, CSS, etc...

Android APP Developer http://android-dev.tumblr.com/

Gcb93

ok

a ver he seguido los pasos de lightbox 2 y cuando le doy a la imagen se abre en otra ventana
he leido esta parte
CitarApoyo

No funciona en absoluto. La imagen se abre en una nueva página. ¿Qué tiene de malo?
    Esto es comúnmente causada por un conflicto entre las secuencias de comandos. Compruebe la etiqueta de cuerpo y buscar un atributo onload. Ejemplo:
    <body onload="MM_preloadImages('/images/menu_on.gif')...;">
    Una solución rápida a este problema es añadir el initLightbox() con el atributo onload de la siguiente manera:
    <body onload="MM_preloadImages('/images/menu_on.gif')...;initLightbox()">
pero en mi pagina web no encuentro el atributo onload
como lo soluciono??


merolhack

¿Y cual es tu página web? Si pusiste los JS correctamente?
PHP Web Developer
Joomla, jQuery, MySQL, CSS, etc...

Android APP Developer http://android-dev.tumblr.com/

Gcb93

si me habia olvidado de descargarme los archivos que habia debajo xD

Gracias por todo me has ayudado mucho  ;-)