Estoy haciendo unos arreglos en mi web y necesito un codigo:
Quiero hacer que al dar click a una imagen, aparesca otra debajo sin que la de arriba desaparesca. Lo necesito para hacer mi recetario y no hacer tantas subpaginas.
De antemano gracias por su ayuda y si no se puede solo diganlo e intentare otra cosa. ______________
Ultima edición por kawaiikingdom el Jue Ene 10, 2013 7:33 pm; editado 1 vez
pues yo tengo este codigo. puedes usarlo mientras encuentras algo mejor
lo que hace es que al pasar el mouse muestra la imagen inferior y al dar click la imagen queda fija. Lo malo es que solo se puede con dos imagenes (o dos div's ya que solo importa que agregues las class'es)
ok este es el css, es desde donde editaras el ancho y alto (width & height ) tambien puedes quitarle los bordes (la linea border:1px solid magenta;) ya que solo enta de ejemplo
este es el codigo. le dice que al navegador que cuando pases el mouse sobre la imagen (marcada con class="ico") muestre la imagen inferior (marcada con class="fb-icon-content") si el usuario no le da click desaparece pero si lo hace se queda fijada. Este codigo utiliza jquery. si ya lo tienes elimina la 1ra linea
Código:
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var shown = false;
$(".ico").hover( function() {
if ( shown === false ) {
var that = $(this),
offset = that.offset(),
tooltipElement = $(".fb-icon-content");
Por cierto, si no es molesita ¿Me puedes ayudar con este codigo? Hace que al darle click a una imagen, se cambie por otra.
¿Podrias decirme si se puede modificar para que al volver a darle click aparesca la primera imagen?
Por favor, lo necesito para una sección en mis paginas ocultas
Por cierto, si no es molesita ¿Me puedes ayudar con este codigo? Hace que al darle click a una imagen, se cambie por otra.
¿Podrias decirme si se puede modificar para que al volver a darle click aparesca la primera imagen?
Por favor, lo necesito para una sección en mis paginas ocultas
Cita:
...
Muchas gracias por tu ayuda
La persona que me ayudaba con javascript ya no se comunica conmigo por eso no pude editar tu codigo. Pero intenta con este
descripcion de los colores
verde es la primera imagen
azul es la segunda (si observas va 2 veces)
marron (o cafe) [5 zonas] estas zonas son opcionales. si vas a agregar este codigo varias veces en una pagina deben ser editados agregandoles un numero o letra al final. Aqui te dejo un ejemplo con este codigo 3 veces
http://pastebin.com/m3A1i4uJ ______________
Ultima edición por darknet13 el Jue Dic 13, 2012 6:40 am; editado 1 vez
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.