Arreglos de imágenes

Especificaciones de los problemas.

  1. Funciones en jQuery con sus mecanismos de acción:
    1. Implementar una función y funciones auxiliares necesarias que desempeñen:
      1. Al dar clic sobre una imagen se agrega como elemento de un arreglo el texto del párrafo con clase "caption" adyacente a la imagen que recibió el click.
      2. La imagen que recibe un clic adquiere el siguiente estilo de CSS: borde punteado color azul y una opacidad del 60% que se aplica lentamente. Además el párrafo con clase "caption" adyacente a la imagen en cuestión recibe un color de letra azul en negritas.
      3. Si el botón de acción de cualquiera de la funciones involucradas con el arreglo de imagenes se encuentra deshabilitado, se debe detener el proceso de agregar elementos al arreglo junto con las acciones involucradas.
    2. Implementar una función que agregue los elementos del arreglo como elementos de una lista en el primer contenedor con clase "resTest".
    3. Implementar una función que agregue los elementos del arreglo sin repetición de entradas como elementos de una lista en el segundo contenedor con clase "resTest".
    4. Una vez accionada la función se debe deshabilitar su botón para evitar agregar información duplicada.

Resultado de aplicar las funciones requeridas.

Agregar elementos a un arreglo

Resultado del ejercicio

Galería

Edificio O

Prometeo

Tlahuizcalpan

Tlahuizcalpan desde adentro

Imprimir el arreglo

Orden de los Clicks sobre las imágenes.

    Imprimir el arreglo

    Clicks sobre las imágenes SIN repetición de entradas.