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.407
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
zorro modulo di registrazione: funziona ma non sempre PHP 2
D Form contatti non funzionante HTML e CSS 0
MarcoGrazia Trovare record nel database partendo da id non sequenziali PHP 6
M Non ho rinnovato il mio sito su Aruba... Domini 1
T IP INFO NON FUNZIONA PHP 0
Shyson Google search non trova il mio sito SEO e Posizionamento 1
E Estrarre dati da doppia tabella, banale ma non sempre PHP 1
P Data scraping in PHP non funziona PHP 4
otto9due $_FILE non passa i dati dal form PHP 1
keyascii Non è mai troppo tardi Presentati al Forum 0
N dati tabella non presi PHP 2
P Pagina modifica record che non funziona PHP 0
Shyson AUTO_INCREMENT non si aggiorna MySQL 2
Shyson Codice wp-login non funziona PHP 2
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
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 2
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 3
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 1
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 3
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 1
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

Discussioni simili