Webmaster - [Ayuda] Slider de imagenes

 
Vista:
Imágen de perfil de Guillermo

[Ayuda] Slider de imagenes

Publicado por Guillermo (2 intervenciones) el 14/12/2021 19:00:44
Buenas, tengo un problema en el codigo de un slider de imagenes.



Al utilizar el input del codigo de "Camion 2" para cambiar la imagen del mismo, este me cambia las imagenes que estan en el codigo de "Camion 1".

Agradezco su ayuda, ya que quiero poner varios camiones.





1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<div class="items">
 
        <!-- Camion 1-->
 
        <div class="item item1">
 
          <div class="slider-truck">
 
            <div class="images">
 
              <input type="radio" name="slide" id="img1" checked>
 
              <input type="radio" name="slide" id="img2">
 
              <input type="radio" name="slide" id="img3">
 
              <input type="radio" name="slide" id="img4">
 
              <img src="img/camiones/fordcargo1722/1.jpeg" class="m1" alt="img1">
 
              <img src="img/camiones/fordcargo1722/2.jpeg" class="m2" alt="img2">
 
              <img src="img/camiones/fordcargo1722/3.jpeg" class="m3" alt="img3">
 
              <img src="img/camiones/fordcargo1722/4.jpeg" class="m4" alt="img4">
 
            </div>
 
            <div class="dots">
 
              <label for="img1"></label>
 
              <label for="img2"></label>
 
              <label for="img3"></label>
 
              <label for="img4"></label>
 
            </div>
 
          </div>
 
          <h2>FORD CARGO 1722</h2>
 
          <p>Año: 2005 <br>
 
            KMs: 230.000 <br>
 
            INYECCION MECÁNICA</p>
 
        </div>
 
        <!-- Camion 2-->
 
        <div class="item item2">
 
          <div class="slider-truck">
 
            <div class="images">
 
              <input type="radio" name="slide" id="img1" checked>
 
              <input type="radio" name="slide" id="img2">
 
              <input type="radio" name="slide" id="img3">
 
              <input type="radio" name="slide" id="img4">
 
              <img src="img/camiones/johndeere317/1.jpeg" class="m1" alt="img1">
 
              <img src="img/camiones/johndeere317/2.jpeg" class="m2" alt="img2">
 
              <img src="img/camiones/johndeere317/3.jpeg" class="m3" alt="img3">
 
              <img src="img/camiones/johndeere317/4.jpeg" class="m4" alt="img4">
 
            </div>
 
            <div class="dots">
 
              <label for="img1"></label>
 
              <label for="img2"></label>
 
              <label for="img3"></label>
 
              <label for="img4"></label>
 
            </div>
 
          </div>
 
          <h2>FORD CARGO 1722</h2>
 
          <p>Año: 2005 <br>
 
            KMs: 230.000 <br>
 
            INYECCION MECÁNICA</p>
 
        </div>
 
   </div>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder