Buenas a todos, estoy tratando de mostrar imágenes desde una url con Javascript. Tengo varios botones con un ID, por ejemplo "1", al hacer click en el botón se pasa el ID a la función de Javascript. Esta función abrirImagen()
debería cargar la URL de la imagen + el id del botón, por ejemplo: http://mipagina.com/gallery.php?i=1
(siendo '1' el ID del botón).
Esta última URL completa me devuelve el source de la imagen, por ejemplo: images/1.png
Y necesito concatenar ese source con el URL, de la siguiente manera http://mipagina.com/gallery/images/1.png
.
Mi código por ahora es el siguiente: HTML
<div class="container text-center">
<div class="btn-group">
<button id="1" type="button" class="btn btn-primary" onclick="abrirImagen(this.id)">BOTÓN 1</button>
</div>
Javascript:
function abrirImagen(idBoton) {
$(document).on('button','#id',function(e){
var idImg = idBoton;
$.get( "http://mipagina.com/gallery.php", {
i: idImg
})
.done(function(resultado) {
alert('W'+resultado); // Obtener el valor.
});
e.preventDefault();
});