Nwlapcug.com


Come modificare la velocità di slideshow con JavaScript

Come modificare la velocità di slideshow con JavaScript


Slidershows è diventato una caratteristica popolare per le pagine Web subito dopo il rilascio di jQuery nel 2006, una libreria JavaScript che rende facile per creare i tipi di animazioni richieste per cursori per lavorare. Come suggerisce il nome, slideshow prendere un certo numero di immagini e ruotano su pagine Web. Sono spesso chiamati "cursori" in breve. La maggior parte delle presentazioni utilizzare jQuery e richiede una chiamata da qualche parte sulla pagina Web dove vengono utilizzati e in quella chiamata che è possibile definire alcune opzioni, come la velocità. Dove si desidera che gli utenti di leggere il testo della didascalia prima di fare clic su una diapositiva, dovrebbe rallentare la velocità di scorrimento.

Istruzioni

1

Andare su "Start" nella barra delle applicazioni di Windows e immettere il nome dell'editor di codice o blocco note. Premere il tasto "Enter" per caricare il programma. Aprire il file per la pagina contenente la presentazione.

2

Guarda la coppia di tag "< header >" per il codice jQuery che chiama il tuo slideshow. Se non troverete lì, cercate nel piè di pagina. Per quelle di editing templates o temi per blog, sarà necessario controllare il file di intestazione o piè di pagina per il tuo jQuery. Ecco un esempio di chiamata di un tipico dispositivo di scorrimento jQuery:

$('#slider').sliderName();

3

Andare su "Start" e aprire "Computer". Passare alla cartella dove avete decompresso i file del dispositivo di scorrimento. Questi file devono includere le istruzioni su come utilizzare il dispositivo di scorrimento, insieme a un elenco di opzioni e a volte demo pagine. Aprire il file di istruzioni e cercare l'elenco delle opzioni. Le opzioni saranno simile a questo:

velocità: 500,

animazione: diapositiva,

frecce: vero

Trovare l'opzione che controlla la velocità del dispositivo di scorrimento.

4

Torna alla chiamata jQuery per il dispositivo di scorrimento. Modificarlo come segue:

$('#slider').sliderName ({

speedOption: 500

});

In jQuery, è necessario specificare una velocità di animazione in millisecondi. Una velocità di 500 millisecondi è uguale a mezzo secondo. Aggiungere uno zero a quel valore per trasformarlo in cinque secondi.

Consigli & Avvertenze

  • Se non trovi le opzioni in un file di istruzioni o aiuto con i file di cursore, quindi aprire una pagina demo nel browser e fare clic destro per visualizzare il codice sorgente. Vedrete spesso le opzioni utilizzate nel codice.
  • Le variabili in JavaScript e la libreria jQuery sono case-sensitive, quindi assicuratevi che si corrispondono le lettere dei nomi opzione esattamente. Valori numerici per velocità non bisogno di citazioni.
  • Backup dei file prima di modificarli.