Come creare un portafoglio Carousel

November 3

Quando si dispone di talenti creativi, come la realizzazione di gioielli, hair styling, progettazione di abbigliamento o la creazione di siti web, è attrarre nuova clientela, mostrando la vostra abilità. Un modo per farlo è quello di scattare foto di tutto il lavoro. Mettere quelle immagini in un portafoglio. Aggiungere il portafoglio al tuo sito web, sotto forma di una presentazione giostra. Utilizzando una presentazione giostra, invece di immagini statiche, è anche aggiungere interesse visivo al tuo sito.

istruzione

1 Accedi al tuo web hosting "Pannello di controllo". Fai clic su "File Directory." Se una cartella "Immagini" è presente, fare clic sulla cartella per aprirla.

2 Selezionare l'opzione "Carica". Sfoglia i file di immagini che si trovano sul disco rigido del computer. "Doppio click" i file di immagine che si desidera utilizzare nel vostro portafoglio. I file di immagine vengono automaticamente caricati dal disco rigido del computer al server web hosting.

3 Annotare il nome di ogni file di immagine, come appare sul vostro server web. Per esempio, "picture1.jpg", "picture2.jpg" e "picture15.jpg".

4 Fare clic sulla pagina all'interno della directory del file che si desidera aggiungere al portafoglio giostra a. Selezionare "Modifica". Questo lancerà Editor HTML della pagina.

5 Individuare il "<head>" e "</ head>" tag situati vicino alla parte superiore della scatola editor HTML. Incollare il codice html carosello presentazione (vedi link in "Risorse") in qualsiasi punto tra i due tag head.

6 Incollare il codice html sotto qualsiasi punto tra il "</ BODY" schede "<body" e. Assicurarsi di sostituire i nomi dei file immagine generici con i nomi di file immagine reale.

<Div style = "margin-top: 1em; font-weight: bold;"> 1) Presentazione orizzontale: </ div>

<Script type = "text / javascript '>

carosello ({id: 'Il mio catalogo', di confine: '', size_mode: 'immagine', Larghezza: 127,

height:160, sides:6, steps:23, speed:5, direction:'left',

immagini: [ 'picture1.jpg',

'Picture2.jpg',

'Picture3.jpg',

'Picture4.jpg',

'Picture5.jpg',

'Picture6.jpg',

'Picture7.jpg',

'Picture8.jpg',

'Picture9.jpg'], image_border_width: 1, image_border_color: 'blu'

}) &lt;/script>

<Div style = "margin-top: 1em; font-weight: bold;"> 2) Presentazione orizzontale: </ div>

<Script type = "text / javascript '>

carosello ({id: 'Il mio catalogo',

border:'', size_mode:'image', width:127, height:160, sides:6, steps:23, speed:5, direction:'left',

immagini: [ 'picture1.jpg'

'Picture2.jpg',

'Picture3.jpg',

'Picture4.jpg',

'Picture5.jpg',

'Picture6.jpg',

'Picture7.jpg',

'Picture8.jpg',

'Picture9.jpg'],

</ Script>

7 Fai clic su "Salva" per salvare le modifiche alla tua pagina web. Fai clic su "Pubblica" (se applicabile) per pubblicare il portafoglio giostra al tuo sito web.