Come modificare la velocità di presentazioni con JavaScript

August 21

Come modificare la velocità di presentazioni con JavaScript


Slidershows è diventato una caratteristica popolare per le pagine Web, poco dopo l'uscita di jQuery, nel 2006, una libreria JavaScript che rende facile creare i tipi di animazioni richieste per i cursori per lavorare. Come suggerisce il nome, presentazioni prendono una serie di immagini e ruotano su pagine Web. Essi sono spesso chiamati "slider" in breve. La maggior parte delle presentazioni utilizzano jQuery e richiedono una chiamata da qualche parte nella pagina Web in cui vengono utilizzati, e in che chiamano è possibile definire alcune opzioni, come la velocità. Dove si desidera agli utenti di leggere il testo della didascalia prima di cliccare su un vetrino, si dovrebbe rallentare la velocità di scorrimento.

istruzione

1 Vai su "Start" sulla barra delle applicazioni di Windows, e immettere il nome del vostro editor di codice o Notepad. Premere il tasto "Enter" per caricare il programma. Aprire il file per la pagina contenente la presentazione.

2 Guardate nella coppia tag "<header>" per il codice jQuery che chiama la presentazione. Se non si trova lì, guardare nel piè di pagina. Per quei modifica dei modelli o temi di blog, è necessario controllare il file di intestazione o piè di pagina per il vostro jQuery. Ecco un esempio di chiamata jQuery un tipico dispositivo di scorrimento:

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

3 Vai su "Start" e aprire "computer". Passare alla cartella dove avete scompattato i file cursore. Questi file dovrebbero includere le istruzioni su come utilizzare il cursore, insieme a un elenco di opzioni e le pagine a volte demo. Aprire il file di istruzioni e cercare l'elenco delle opzioni. Le opzioni sarà simile a questo:

Velocità: 500,

Animazione: scivolo,

frecce: true

Trovare l'opzione che controlla la velocità del cursore.

4 Torna alla chiamata jQuery per il dispositivo di scorrimento. Cambiare per assomigliare a questo:

$ ( '# Cursore'). 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 e avvertenze

  • Se non trovate le opzioni in un file di istruzioni o di aiuto con i file cursore, quindi aprire una pagina di prova nel browser e fare clic destro per visualizzare il codice sorgente. Vedrete spesso opzioni utilizzate nel codice.
  • Le variabili in JavaScript e la libreria jQuery sono case-sensitive, quindi assicuratevi di abbinare le scritte dei nomi delle opzioni esattamente. I valori numerici per velocità non hanno bisogno di citazioni.
  • Eseguire il backup dei file prima di modificarli.

Articoli Correlati