Menu hecho con imagenes (AJAX)
Mientras navegaba en la Internet, me encontré con este menú el cual funciona utilizando una librería llamada mootools.js que es prácticamente lo que le da vida al menú, tiene un efecto impresionante que en lo personal me gusto muchisimo, la pagina de el autor la desconozco, me fui guiando de esta pagina, sin mas rodeos aquí están las librerías a utilizar y los pasos para saber utilizarlo.
Comienza descargando las librerias y ejemplos
Paso 1Incluir en la cabecera, la libreria mootools.js(motor) e imageMenu.js (chofer) :P y nuestra hoja de estilos imageMenu.css.
Paso 2Crear una lista con su determinada clase, y detona la funcion asociando el identificador y clases que se utilizaron, no olvides ajustar el ancho que tendra cada imagen.
Paso 3Para agregar mas botones solo basta creando una clase con la imagen que tu gustes.
Bueno pues esto es todo y espero que haya sido de gran ayuda este recurso, hasta la próxima!.
Ejemplo 1.
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.
jAV
el 16 May 2007 a las 1:44 #rodrigo muy bueno!! dime lo que está programado para ambos ejemplos?
Rodrigo-Λzul
el 16 May 2007 a las 2:00 #Que onda JAV es imageMenu, una pequeña aplicación javascript que funciona con una librería llamada mootools.
Los dos ejemplos están echos con el script imageMenu.js solo que tienen distintas imágenes.
P.D. Ya leí el mail tratare de hacer ese efecto con css y js, bytes!.
jAV
el 16 May 2007 a las 9:50 #gracias rodrigo xDD! take solo te escribo para molestar jajaja.. oye pero ya estoy aprendiendo poco a poco CSS en parte gracias a ti, oye explicame masomenos de que trata el AJAX
Rodrigo-Λzul
el 17 May 2007 a las 1:54 #¿Porque es tan interesante AJAX?
Porque en realidad AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail el Outlook Web Access (ref) o algunas otras aplicaciones muy conocidas: AJAX, en resúmen, es el acrónimo para Asynchronous JavaScript + XML y el concepto es: Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma.
Mas información.
Saludos JAV.
Sofia
el 23 May 2007 a las 15:47 #En q carpeta debemos guardar los archivos “.jS” en nuestro theme?
Rodrigo-Λzul
el 23 May 2007 a las 18:30 #Puedes guardalos en cualquier carpeta, solo tencuidado en asignarle bien la direccion de suposicion.
Leo
el 19 Jun 2007 a las 14:31 #Me parece muy buena tu pagina, estaba buscando un ejemplo de kwick_menu y llegue a tu pagina.
Solo un comentario en la pagina http://www.sectorweb.net/2007/05/15/menu-echo-con-imagenes-ajax/
dice “echo” le falto una “H”… lo correcto es Hecho que viene de “Hacer” se que la computacion nos arruina la gramatica, y simpre decimos que estamos apurado, asi que tranquilo pero corrigelo… Suerte.
Rodrigo-Λzul
el 19 Jun 2007 a las 22:03 #Leo gracias tienes razón
fue un error de dedo no me di cuenta, gracias por la observación 
Alarcon
el 18 Jul 2007 a las 16:25 #Hola, Ya trabaje con este menu pero no funciona bien en Opera.
Rodrigo-Λzul
el 22 Jul 2007 a las 21:19 #rayos
gracias Alarcon!! por avisarnos
Lt.
el 23 Jul 2007 a las 17:45 #Holas, traté de hacerlo utilizando ajax pero no funciona el IE pero si en firefox.. mucho agradecería su ayuda por favor. Salu2 Lt.
carlkof
el 30 Jul 2007 a las 16:53 #Buenas, estaba viendo este ejemplo y me parece genial, solamente una duda, como puedo hacer para que en vez de horizontal sea vertical.
carlkof
el 30 Jul 2007 a las 16:55 #ha, se me pasaba, se pueden crear submenus en cada imagen?
Rodrigo-Λzul
el 01 Ago 2007 a las 2:17 #Gracias por el aviso Lt
Supongo Que si Carkof solo mete tu menu dentro de el estilo :D, prueba y me cuentas que tal te fue
Lt
el 01 Ago 2007 a las 11:09 #Logré hacer que funcione con ajax
en IE, después de un par de horas de análisis solo hay q modificar un poco el código de la libreria.
carlkof
el 02 Ago 2007 a las 11:44 #pasarlo a vertical si pude, era algo sencillo nadamas cambiar el imagemenu.js y ya lo modifica para que lo ponga vertical, funciona bien, solo me falta agregar el menu y despues les cuento que paso.
Sherry
el 05 Ago 2007 a las 16:53 #AnaLalovic
el 05 Ago 2007 a las 20:30 #gracias
carlkof
el 14 Ago 2007 a las 14:16 #Bueno, aqui pueden ver como lo adapte para mi blog.
http://www.carlkof.usoli.net/
ya despues lo pondre en alguna que otra pagina, y aun estoy averiguando como meterle menus jejeje, cuidense y sigan aportando cosas tan buenas como esta.
bellisima89
el 21 Ago 2007 a las 15:19 #Luciano
el 24 Ago 2007 a las 13:26 #Es posible combinar el menu con imagenes y las paginas con deslizamiento que estan en la categoria de javascript ?
Ya que cuando trato tengo una especie de conflicto y no funciona, alguna idea ?
Gracias
bellisima89
el 24 Ago 2007 a las 19:14 #Hola Luci!! como abristes las librerias?? como comemzastes?? Azul desapareció del planeta, los únicos sobrevivientes somo tu y yo, jaja…Saludos..
Magdiel Arteaga Suarez
el 17 Oct 2007 a las 4:14 #Necesito un menu horizontal que permita navegar pero sin cargar la pagina, como el ajax. Es decir, en lugar de hacer link (href), que permita llamar a funcionaes javascript.
Muchas gracias…
luis manuel
el 19 Dic 2007 a las 11:22 #q tal Rodrigo-Λzul
me parece muy bueno este menu pero tengo una pregunta estoy tratando de que el menú de imagenes quede al centro de la pagina y realmente no eh podido que me deberia hacer gracias
saludos
Rodrigo-Λzul
el 19 Dic 2007 a las 17:52 #Hola luis manuel lo que tienes que hacer es meterlo dentro de una clase (CSS) de tal forma que las propiedades de tu estilo esten centradas asi centrara al menu, saludos