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.