Non so come integrare una slideshow di immagini

Frank10

Utente Attivo
4 Mar 2011
190
1
18
Ciao a tutti,
Sto impazzendo per poter trovare una slideshow (sarebbe carina anche quella stabilita di joomla per es) da integrare nel mio sito php/html. Ora ho trovato qualcosa di interessante qui:
Codice:
http://gabrieleromanato.com/2011/11/jquery-slideshow-automatico-con-dissolvenza/

Il fatto è che però non so come si fa ad inserire l'ultimo codice, quello var etc. Ho collegato infatti il css con la pagina html ma l'ultimo codice 1) che estensione gli devo dare? 2) Come lo collego alla pagina principale?

Grazie!
 

Paperino78

Utente Attivo
30 Giu 2012
409
0
16
Milano
Ciao, guarda anche io sono nuovo dell'ambiente, ma credo che il file di cui parli tu devi salvarlo con estensione js. Infatti nel codice ci sono le istruzioni sul FadeOut. Che poi è l'oggetto della discussione su quel sito. Lo inserisci nell'head sel tuo sito come ogni altro file js.

Ciao
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Codice:
<!DOCTYPE html>
<html>
<head>
<title>jQuery: slideshow automatico con dissolvenza</title>
<meta charset="utf-8" />
<style type="text/css">
#slideshow {
	margin: 2em auto;
	width: 380px;
	height: 250px;
	position: relative;
	border: 5px solid #313131;
	overflow: hidden;
}

#slideshow-wrapper {
	width: 1520px;
	height: 250px;
	position: relative;
	background: #666;
}

#slideshow-wrapper img {
	width: 380px;
	height: 250px;
	float: left;
}
</style>
</head>

<body>

<div id="slideshow">
	<div id="slideshow-wrapper">
		<img src="1.jpg" alt="" />
		<img src="2.jpg" alt="" />
		<img src="3.jpg" alt="" />
		<img src="4.jpg" alt="" />
	</div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
var Slider = new function() {

	var index = -1;
	var wrapper = $('#slideshow-wrapper', '#slideshow');
	var images = $('img', wrapper);
	
	var slide = setInterval(function() {
	
		index++;
		
		if(index == images.length) {
		
			index = 0;
			
			images.fadeIn();
		
		}
		
		images.eq(index).fadeOut(2000);
	
	
	}, 2000);
	
	this.init = function() {
	
		slide();
	
	};

}();

$(function() {

	Slider.init();

});
</script>
</body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
W Non riesco a integrare php con html PHP 1
K modulo invio mai:l non riesco ad integrare captcha PHP 18
G non riesco ad integrare l’interprete php nel server Apache su Vista PHP 2
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 8
Shyson Non mi fa accedere al sito WordPress 12
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
R INSERT INTO tabella non funziona Classic ASP 1
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
felino Conversione da MPG a MP4: audio non sincronizzato Windows e Software 1
F Telecamere Wi-Fi non si connettono A nvr IP Cam e Videosorveglianza 0
G Finestra di dialogo che non si apre - programma NUENDO Windows e Software 0
L php mysql non salva solo id PHP 21
D Pagina non trovata Wordpress WordPress 7
S connesso, internet non disponibile ( con extebder tp-link850) Reti LAN e Wireless 0
F Script java elenco alfabetico non funziona Javascript 3
F Script non funzionante. Devo elencare in ordine alfabetico un elenco di nominativi, ma lo script non Javascript 2
L Estrazione dati casuali non doppioni MySQL 1
napuleone non si chiude il thead e non si apre il tbody Javascript 0
napuleone non si aggiorna textarea in tempo reale Javascript 3
D Modem Asus non trasmette ogni 3/4 giorni Reti LAN e Wireless 2
M non static method cannot be referenced from a static context Java 1
napuleone Con le date il codice da di matto o forse non è così Javascript 6
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
M "Internet non disponibile" Reti LAN e Wireless 0
L Non vedo pc in rete Reti LAN e Wireless 0
M Numero random non ripetitivo Java 2
G pc desktop non si connette all'hotspot wifi Reti LAN e Wireless 0
L Non riesco a riprodurre uno sfondo Photoshop 0
N Server mysql non raggiungibile da connessione esterna MySQL 1
R Select concatenata che non funziona la seconda volta Ajax 3
L non duplicare dati in stato "aggiornamento" PHP 6
R [Visual Studio Community] Non trovo il Progetto di Setup .NET Framework 0
zorro file PDF non visualizzo niente PHP 9
D modificare questo codice per inserimento in text e non in tabella jQuery 1
A variabile non riconosciuta PHP 0
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
A funzione iconv () non mi funziona PHP 4
D File pdf che non si aprono .... PHP 1
MarcoGrazia ON DUPLICATE KEY ma in realtà non UPDATE mai PHP 17
R Non riesco a rinnovare l'immagine di sfondo PHP 1
G non riesco a capire quale sia l'errore [SQL] MySQL 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
MarcoGrazia Valori di ritorno json via ajax non visti. jQuery 1
W Non fa l'upload PHP 0
W Parametro non corretto. (code: 87) PHP 4
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
D Alias AS non funziona più con DATE_FORMAT? MySQL 2
A php metodo post jquery non da mai errore jQuery 4
A fread non legge il contenuto del file PHP 4
Alex_70 Button non funziona nella form PHP 2

Discussioni simili