Skip to main content

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pcpc o laptoplaptop e inclusive una tablettablet, pero el problema viene cuando quiero visualizarla a la medida en un dispositivo móvilmóvil ya que simplemente desaparece:

Código css

#Galeria {
    width: 100%;
    height: 100%;
    margin: auto;
}

Codigo HTML:

    <div class="col-xs-6 hidden-lg hidden-md contenedores" id="contenedorGaleria" >

        <center><img class="img-responsive" id="Galeria" /></center>


    </div>

Codigo JavaScript:

// Esta parte del código hace que funcione correctamente la galería
function slideShow() {
  document.getElementById('Galeria').src = imgArray[curIndex];
  curIndex++;
  if (curIndex == imgArray.length) {
    curIndex = 0;
  }
  setTimeout("slideShow()", imgDuration);
}
#Galeria {
  width: 100%;
  height: 100%;
  margin: auto;
}
<div class="col-xs-6 hidden-lg hidden-md contenedores" id="contenedorGaleria">
  <center>
    <img class="img-responsive" id="Galeria" />
  </center>
</div>
//Esta parte del codigo hace que funcione correctamente la galeria
function slideShow() {

    document.getElementById('Galeria').src = imgArray[curIndex];
    curIndex++;
    if (curIndex == imgArray.length) {
        curIndex = 0;
    }
    setTimeout("slideShow()", imgDuration);
}
 

Nota: EstoNota: esto funciona en pantallas laptoplaptop, desktopdesktop y tabletstablets pero no en movilesmóviles.

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pc o laptop e inclusive una tablet, pero el problema viene cuando quiero visualizarla a la medida en un dispositivo móvil ya que simplemente desaparece:

Código css

#Galeria {
    width: 100%;
    height: 100%;
    margin: auto;
}

Codigo HTML:

    <div class="col-xs-6 hidden-lg hidden-md contenedores" id="contenedorGaleria" >

        <center><img class="img-responsive" id="Galeria" /></center>


    </div>

Codigo JavaScript:

//Esta parte del codigo hace que funcione correctamente la galeria
function slideShow() {

    document.getElementById('Galeria').src = imgArray[curIndex];
    curIndex++;
    if (curIndex == imgArray.length) {
        curIndex = 0;
    }
    setTimeout("slideShow()", imgDuration);
}

Nota: Esto funciona en pantallas laptop, desktop y tablets pero no en moviles

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pc o laptop e inclusive una tablet, pero el problema viene cuando quiero visualizarla a la medida en un dispositivo móvil ya que simplemente desaparece:

// Esta parte del código hace que funcione correctamente la galería
function slideShow() {
  document.getElementById('Galeria').src = imgArray[curIndex];
  curIndex++;
  if (curIndex == imgArray.length) {
    curIndex = 0;
  }
  setTimeout("slideShow()", imgDuration);
}
#Galeria {
  width: 100%;
  height: 100%;
  margin: auto;
}
<div class="col-xs-6 hidden-lg hidden-md contenedores" id="contenedorGaleria">
  <center>
    <img class="img-responsive" id="Galeria" />
  </center>
</div>
 

Nota: esto funciona en pantallas laptop, desktop y tablets pero no en móviles.

Origen Enlace
David
  • 3k
  • 16
  • 70
  • 126

¿Porque mi galería de imágenes funciona en desktop pero no en modo responsivo?

Actualmente tengo una galería de imágenes que funciona perfectamente cuando la visualizo mediante una pantalla de pc o laptop e inclusive una tablet, pero el problema viene cuando quiero visualizarla a la medida en un dispositivo móvil ya que simplemente desaparece:

Código css

#Galeria {
    width: 100%;
    height: 100%;
    margin: auto;
}

Codigo HTML:

    <div class="col-xs-6 hidden-lg hidden-md contenedores" id="contenedorGaleria" >

        <center><img class="img-responsive" id="Galeria" /></center>


    </div>

Codigo JavaScript:

//Esta parte del codigo hace que funcione correctamente la galeria
function slideShow() {

    document.getElementById('Galeria').src = imgArray[curIndex];
    curIndex++;
    if (curIndex == imgArray.length) {
        curIndex = 0;
    }
    setTimeout("slideShow()", imgDuration);
}

Nota: Esto funciona en pantallas laptop, desktop y tablets pero no en moviles