Agregar valores a los atributo de las imágenes

Especificaciones de los problemas.

  1. Referente a los estilos CSS:
    1. Las reglas de estilo de la galería se localizan en el documento css/galeria.css
    2. Al cargar la página aplicar una línea divisoria vertical que pase por el centro de la galería, como se muestra en la imagen.
  2. Funciones en jQuery con sus mecanismos de acción:
    1. Sobrescribir el código de la función agregarTitleCtn() sin utilizar el método attr(), manteniendo el mismo resultado.
    2. Sobrescribir el código de la función editarTitleEach() sin utilizar el método attr(), manteniendo el mismo resultado.
    3. Implementar el código de la función editarTitle() accionada por el botón "Editar Título", que desempeñe la misma tarea que el método editarTitleEach() sin utilizar el método each() y ejecutando el método attr() una vez por cada elemento seleccionado.
    4. Implementar un mecanismo que una vez ejecutada cualquiera de las funciones agregarTitleCtn(), editarTitleEach() o editarTitle() se inhabiliten sus funciones o sus mecanismos de acción, para evitar agregar la misma información. Un posible resultado se muestra en la colección de imágenes.
    5. Implementar el código de la función agregarAlt() que agrega al atributo "alt" de las imágenes, la cadena de texto formada por "Imagen " concatenada con el nombre de la imagen sin su extensión obtenida apartir del valor del atributo "src". El resultado esperado se muestra en la colección de imágenes.

Resultado de aplicar las funciones requeridas.

Imagen del resultado del método agregarAlt()

Resultado del ejercicio

Imagen del resultado al agregar los valores en "title"

Resultado del ejercicio

Galería

Edificio O

Prometeo

Tlahuizcalpan

Tlahuizcalpan desde adentro