Vai al contenuto

Problema Apertura File Html Che Implementa Javascript

iColas7

Messaggi raccomandati

iColas7

iColas7

Inviato
Inviato

Buonasera! Ho scritto un codice da implementare in una pagina html che utilizza un js per creare l'effetto slideshow. Il problema è che su Mac me lo visualizza correttamente, su Windows invece è come se non riconoscesse lo slideshow e mi mette tutte le immagini in verticale. Quale può essere il problema? Allego il codice e la cartella che contiene css e img. Grazie dell'aiuto!

<!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/libs/jquery/1.5.1/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/default/files/field/image/news/Ragusa%20ai%20microfoni.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/-ReFw5R57BOw/VipSQYJOucI/AAAAAAAArCE/xEb4HLgJWi4/s1600/salernitana_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-8/VczH2qJjwwI/AAAAAAAAj7M/IabmJ7WFu9E/s1600/camillo-ciano-al-cesena-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>

Link per scaricare la cartella: https://www.dropbox.com/s/mih2ybv5yyq6wub/html.zip?dl=0

 MacBook Pro Retina 15"  iPod Classic 80GB  iPhone 4s 16GB  The New iPad 32GB  Apple Cube G4  AppleTV2g 

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...