Buonasera ragazzi! Ho scritto un codice per una pagina html che implementa uno script per creare l'effetto slideshow. Su Mac funziona alla perfezione (provato sia su El Capitan che su Snow Leopard) ma su Windows no, sembra non riconosca lo script e visualizza tutte le immagini in verticale. Di seguito lascio il codice:
codice:
<!DOCTYPE html><html lang="it">
<head>
<meta charset="utf-8">
<title>Slideshow dinamico</title>
<link rel="stylesheet" href="css/global.css">
<script src="https://ajax.googleapis.com/ajax/lib.../jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 3000,
pause: 2500,
hoverPause: true,
animationStart: function(current){
$('.caption').animate({
bottom:-35
},100);
if (window.console && console.log) {
// example return of current slide number
console.log('animationStart on slide: ', current);
};
},
animationComplete: function(current){
$('.caption').animate({
bottom:0
},200);
if (window.console && console.log) {
// example return of current slide number
console.log('animationComplete on slide: ', current);
};
},
slidesLoaded: function() {
$('.caption').animate({
bottom:0
},200);
}
});
});
</script>
</head>
<body>
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container">
<div class="slide">
<img src="http://www.cesenacalcio.it/sites/def...0microfoni.jpg" width="570" height="270" alt="Slide 1"></a>
<div class="caption" style="bottom:0">
<p>Antonino Ragusa</p>
</div>
</div>
<div class="slide">
<img src="http://4.bp.blogspot.com/-ReFw5R57BO...ana_cesena.JPG" width="570" height="270" alt="Slide 2"></a>
<div class="caption">
<p>Antonino Ragusa - Stefano Sensi</p>
</div>
</div>
<div class="slide">
<img src="http://1.bp.blogspot.com/-hLlCvY9mh-...ena-calcio.JPG" width="570" height="270" alt="Slide 3"></a>
<div class="caption">
<p>Camillo Ciano</p>
</div>
</div>
<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</div>
<img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
</div>
</body>
</html>
Se dovesse servire lascio anche il link per la cartella che contiene css e img.
https://www.dropbox.com/s/mih2ybv5yyq6wub/html.zip?dl=0