Buenas gente, estoy realizando un script y todo bien la verdad, hasta donde llegue quedó perfecta, seguramente habrán cosas para optimizarla pero bueno, la cuestion es que realiza lo que pretendía que haga.
Bueno el script esta aquí https://jsfiddle.net/Jricardo88/23xhgjz1/
La idea inicialmente era que me muestre una galería con la img principal y abajo las https://jsfiddle.net/Jricardo88/23xhgjz1/ en miniatura que al clickear me cargue su respectiva imagen, a su vez, tener otro menu que me cague otra categoría... es decir... tengo un menu Galería... Tutoriales... al clikear galería, me carga la misma... una galería con su respectivo menu para navergala, y al clickear tutorial pues lo mismo, me carga el principal con su respectivo menu... bueno eso ya esta hecho, ahora mi problema surgió cuando se me ocurrió la idea de que cada imagen me lleve a una Url... es decir, imagen1 me lleve a una página, img2 a otra, y así... pero bueno no se bien como hacerlo... intenté hacer una url dinámica es decir... <a href="javascript:irPagina()" y que cambiase según la src="" que tenga cargada la imagen principal en ese momento, y la función hacerla con un switch case, más no logré rescatar el valor de src="" con js... probe con TagsName pero no tuve exito. Bueno si alguien puede sugerirme que leer, o que puedo hacer, o algun ejemplo práctico de algo parecido para darme una idea, se agradece infinitamente. Ah y me gustaría lograr hacerlo con javascript y no otro lenguaje. Mil Gracias.