Agregar atributo alt a las imágenes

Especificaciones en el div.result.

  1. Estilos CSS:
    1. Las reglas de estilo referentes a la galería se localizan en el documento css/galeria.css
  2. Funciones en jQuery con sus mecanismos de acción:
    1. Al hacer clic sobre el botón "Agregar título con contador" que hace uso del método each() y attr() se agrega a cada imagen un título de la forma "Fotografía N de la Galería de Fciencias" donde N toma valores apartir de 1.
    2. Al hacer clic sobre el botón "Editar título usando each()" que hace uso del método each() y attr() se edita el título de cada imagen de la forma: TextoOriginal + " (Fotografía de kienkane)".
//Código en javascript
< script type="text/javascript">
function agregarTitleCtn(){
  $('.result #galeria img').each(function(cnt){
     this.title = 'Fotografía '+ (++cnt) + ' de la Galería Fciencias';
  });	
}
function editarTitleEach(){
  $('.result #galeria img').each(function(){
     var tituloPrevio =  $(this).attr('title');
	 $(this).attr('title', tituloPrevio + ' (Fotografía de kienkane)');
});
}
< /script>

Galería

Edificio O

Prometeo

Tlahuizcalpan

Tlahuizcalpan desde adentro