Come rendere le immagini di scorrimento

November 12

Come rendere le immagini di scorrimento


Se siete annoiati con avere, immagini senza movimento statico sul tuo sito web, che incorporano immagini di scrolling fornisce un'alternativa facile. L'aggiunta di immagini di scrolling al tuo sito web aggiunge un tocco unico e professionale, in particolare per i siti web aziendali e di promozione. Con una conoscenza di base di HTML, è possibile aggiungere questo effetto alla tua pagina in pochi minuti.

istruzione

1 Se non l'hai già, caricare l'immagine che si desidera utilizzare on-line, sia sul proprio server o un host di immagini online, come TinyPic.com o Photobucket.com.

Mentre il processo di caricamento varia a seconda della posizione, caricare un'immagine dal server del sito è relativamente semplice. Vai a file manager del sito, cercare l'icona "Carica" ​​(di solito si trova nella parte superiore della pagina) e fare clic su di esso. È quindi possibile sfogliare il computer per un'immagine da caricare. Dopo aver selezionato l'immagine, fare clic su "Carica". Prendere nota della posizione esatta del immagine sul server, in quanto sarà necessario l'URL completo. Ad esempio, se hai caricato l'immagine in una cartella denominata "immagini", l'URL completo sarebbe simile a questo: http://www.yourdomain.com/images/image.jpg

2 Aprire la pagina a cui si desidera aggiungere l'immagine di scorrimento in uno degli editor del sito del server o un editor di testo come Blocco note e individuare il tag <body>. Questo tag, che troverai questo tag dopo il </ head> tag, serve come l'area in cui si colloca il contenuto del sito. Copiare e incollare il seguente codice HTML tra i tag <head> e </ head> tag nella posizione specifica in cui si desidera visualizzare l'immagine:

<Marquee comportamento = "scorrere" in direzione = "X"> <img width = "X" height = "X" /> </ marquee>

3 Il "Xs" nel codice qui sopra indicano le variabili che è possibile personalizzare.

La "direzione" variabile indica la direzione in cui si desidera l'immagine per scorrere; sostituire questo "X" con una o "sinistra" "destra".

Il "img src" variabile indica la posizione dell'immagine che si desidera avere lo scorrimento della pagina; sostituire questo "X" con l'URL completo dell'immagine (ad esempio, http://www.yourdomain.com/images/image.jpg).

La variabile "larghezza" assegna una larghezza specifica all'immagine in pixel; sostituire questo "X" con qualsiasi numero superiore a 1.

La variabile "altezza" assegna una determinata altezza all'immagine in pixel; sostituire questo "X" con qualsiasi numero maggiore di 1. (Giocare con la larghezza e altezza variabili un po 'per ottenere l'aspetto desiderato per l'immagine di scorrimento).

Non modificare la variabile "comportamento", che è impostato su "scroll", come questa impostazione consente l'immagine di muoversi.

4 Se si è utilizzato l'editor del server per la Fase 3, è sufficiente fare clic su "Salva". Se è stato utilizzato NotePad o un altro programma esterno, salvarlo e poi caricarlo sul server. Utilizzare lo stesso metodo di caricamento spiegato al punto 1.

5 Testare il codice aprendo il browser Web e visitare il sito web. Se l'immagine non scorre o non compare affatto, aprire il sito Web nel vostro editor, ancora una volta e assicurarsi che abbia immesso tutte le variabili descritte al punto 3 in modo corretto.