Ayuda con slider de imágenes para mostrar varios camiones

  • Autor Autor cip0
  • Fecha de inicio Fecha de inicio
C

cip0

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.


Insertar CODE, HTML o PHP:
      <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>
 
Los inputs de camion1 y camion2 tienen id iguales
 
Atrás
Arriba