Hola a todos,
Hice este sencillo codigo para cambiar el atributo src de las imagenes.
Como podria mejorarlo, optimizarlo, simplificarlo?
Código Javascript
:
Ver original$(document).ready( function() {
var $hipodromo = "hipodromo";
var $rio = "rio";
var $catedral = "catedral";
var $restaurant = "restaurante";
var $comercial = "zona_comercial";
var $tren = "tren";
var $salud = "salud";
var $ruta = "panamericana";
var $maps = "mapa";
var $shopping = "shopping";
var $path = "images/barrio/";
var $ext = ".jpg";
var $img = "#coleccion img";
$(".opt").click( function() {
if ("#rio") {
$($img).change().attr({ src: $path + $rio + $ext });
} else if ("#resto") {
$($img).change().attr({ src: $path + $restaurant + $ext });
} else if ("#tren") {
$($img).change().attr({ src: $path + $tren + $ext });
} else if ("#ruta") {
$($img).change().attr({ src: $path + $ruta + $ext });
} else if ("#shopping") {
$($img).change().attr({ src: $path + $shopping + $ext });
} else if ("#hipodromo") {
$($img).change().attr({ src: $path + $hipodromo + $ext });
} else if ("#catedral") {
$($img).change().attr({ src: $path + $catedral + $ext });
} else if ("#comercial") {
$($img).change().attr({ src: $path + $comercial + $ext });
} else if ("#salud") {
$($img).change().attr({ src: $path + $salud + $ext });
} else {
$($img).change().attr({ src: $path + $maps + $ext });
}
});
});
Gracias.