Ventana siguiente img
Publicado por BruJR (1 intervención) el 24/11/2020 15:50:02
Hola,
Me he estado informado sobre los parent, children.. etc y he conseguido hacer este script que va mostrando imagenes cuando pulsas en el boton "siguiente".
Funcionar funcioma, pero quisiera saber si es lo mas correcto o me recomendais otra usar otra cosa (me refiero a la hora de obtener los valores de los data".
No soy muy experto.
Os dejo el codigo.
gracias y un saludo
Me he estado informado sobre los parent, children.. etc y he conseguido hacer este script que va mostrando imagenes cuando pulsas en el boton "siguiente".
Funcionar funcioma, pero quisiera saber si es lo mas correcto o me recomendais otra usar otra cosa (me refiero a la hora de obtener los valores de los data".
No soy muy experto.
Os dejo el codigo.
gracias y un saludo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("body").on("click", ".boton", function(){
var img = $(this).attr("data-img") + ".jpg";
var id = "#" + $(this).attr("data-id");
var img2 = $(id).next().find(".boton").attr("data-img");
var id2 = $(id).next().find(".boton").attr("data-id");
var imprimir = '<img src="' + img + '"><span class="boton" data-img="' + img2 + '" data-id="' + id2 + '">Siguiente</span>'
$(".bdy").append(imprimir);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body class="bdy">
<div id="uno">
<span class="boton" data-img="44" data-id="uno">div 1</span>
</div>
<div id="dos">
<span class="boton" data-img="34" data-id="dos">div 2</span>
</div>
<div id="tres">
<span class="boton" data-img="78" data-id="tres">div 3</span>
</div>
</body>
Valora esta pregunta
0