Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Slider de fotos con texto en javascript

hola, estoy intentando hacer un visor de imágenes con texto en local, pero tengo un problema con el texto, y es que el texto que lleva la primera imagen, sale en las otras dos imágenes no sale cada imagen con su correspondiente texto. Este es el código en html5 y javascript que tengo
<div id="slider">
<ul>
<li>
<div class="resumencomida">
<h2>NUESTRA COMIDA.</h2>
<p>En Dicamino ofrecemos platos conbinados.está diseñado en torno a los conceptos clave del café de excepcional calidad y accesibilidad para los comensales ocasionales. Durante todo el día el desayuno. cocina italiana distintivo. Y un café: resueltamente sin diluir por flaca o descafeinado, se ha convertido en un símbolo de excelencia inflexible</p>
<p>Utilice las flechas de navegación para navegar a través de una selección de nuestros platos de .</p>
</div>
<img class="fotos" src="imagenes/tomate.png" alt="comida dicamino" id="visor" name="visor">
</li>
<li>
<div class="resumendesayuno">
<h2>DESAYUNO.</h2>
<p>Izquierda: Marios Muesli y Ensalada de fruta fresca</p>
<p>Derecha: Huevos florentina - escalfado Rango huevos libres, que se presentan en inglés tostado molletes con salteado de espinacas y salsa bearnesa Marios</p>

</div>
<img class="fotos" src="imagenes/espinacas.png" alt="comida dicamino">
</li>
<li>
<div class="resumenpicoteo">
<h2>DESAYUNO.</h2>
<p>Izquierda: salmón ahumado y aguacate con su opción de multi-grano, masa fermentada o tostadas Sin Gluten</p>
<p>Derecha: caramelizado de melocotón y pistacho crepes con crema doble</p>
</div>
<img class="fotos" src="imagenes/esparragos.png" alt="comida dicamino">
</li>
</ul>


<div>

<div><img id="anterior" src="imagenes/arrowleft.png"></div>
<div><img id="siguiente" src="imagenes/arrowright.png"></div>

</div>

</div>

<script src="js/slider.js"></script>

y este es el código que tengo dentro del fichero js
imagenes=['tomate.png', 'espinacas.png', 'esparragos.png'];
Num=0;
document.getElementById("siguiente").onclick=fotoSiguiente;
document.getElementById("anterior").onclick=fotoAnterior;
function fotoSiguiente(){
document.getElementById("visor");
if (Num==imagenes.length-1){
Num=0;
} else {
Num++;
}
miImagen="imagenes/"+imagenes[i];
visor.src= miImagen

}

function fotoAnterior(){
document.getElementById("visor");

if (Num==0){
Num=imagenes.length-1;
} else {
Num--;
}
miImagen="imagenes/"+imagenes[Num];
visor.src= miImagen;
}
Editado
0
Puntos
607
Visitas
0
Resp
Por anacastro hace 26 meses
Principiante Sitio web

Relaccionados

Para comentar Inicia sesión o Registrate