Gianni Petta Photo News

Ciao, ecco come realizzare una presentazione di immagini con autoviewer.

;-)

ecco un breve tutorial su come utilizzare velocemente auotoviewer, senza avere una grande conoscenza di HTML.

prima cosa scaricate il pacchetto dal sito proprietario
scompattate il file e aprite la cartella, ecco cosa contiene

praticamente l’unico file che andrà modificato sarà gallery.xml mentre nella cartella images inseriremo le immagini, il resto dei file non va toccato.

a questo punto carichiamo tutte le immagini già con le dimensioni effettive nella cartella images

dopo di che apriremo il file gallery.xml con tasto destro apri con e scegliamo blocco note

ora quello che dovremmo modificare è davvero poco, rientra tra image che apre e /image che chiude
mentre quello che rientra tra caption e /caption sono i commenti sulle foto etc, cosa che io ho eliminato ma che potete tenere volendo.

ora che le immagini le abbiamo inserite nella cartella images, inseriamo il nome della nostra prima immagine modificando tall.jpg e scrivendo il nostro.

come dicevo a meno che non volete scritte sulle immagini tutta la riga da caption a /caption può essere cancellata.

Ora dovete inserire le dimensioni reali dell’immagine quindi larghezza per altezza

a questo punto selezionate tutta la riga, copiate e incollate dopo ogni /image modificando come descritto sopra, per inserire altre immagini nella presentazione

una volta inserito tutto il codice per ogni immagine salviamo con File>Salva con nome> tutti i file per scrivere sopra lo stesso file e con la stessa estensione

quindi caricare la cartella sul vostro spazio web e rimandate gli utenti alla pagina index.HTML.
La cartella autoviewer può essere rinominata a vostro piacimento, e per ogni gallery dovrete crearne una nuova.

ve gusta?
;-) :-)

Categorie: Tutorials

18 risposte a.

  1. fabrizio scrive:

    ciao grandissimo..abbiamo le stesse passioni…senti nel mio sito nella sezione foto…barcellona 2008…nn mi si vedono le immagini..mi si vedono le x…io ho seguito psso passo il procedimento..mi puoi dire qualche cosa??grazi emille..in advantage!!!!

  2. GianniP scrive:

    ciao e benvenuto. :-)

    ho visto che il percorso della foto è /autoviewer/autoviewer/images/barca(13).jpg

    la prima cosa che mi viene in mente è che c’è qualcosa di sbagliato nel percorso

    praticamente tu hai una cartella chiamata
    autoviewer con all’interno un’altra cartella chiamata autoviewer che contiene la cartella images dove ci sono le immagini giusto?

    il file gallery.xml è stato caricato correttamente?
    non riesco a vederlo, come mai?

    mandami il file gallery.xml via mail a giannipetta@hotmail.it

  3. paolo scrive:

    Ciao Gianni,
    prima di tutto, grazie per tutte le spiegazioni che hai dato e per la loro chiarezza. Ho riscontrato un solo problema, non riesco a rimandare gli utenti alla pagina index.HTML,come devo fare per vedere l’indirizzo corretto? (quello che vedo io è http://ftp….. ecc)

    grazie ancora!
    P.

  4. GianniP scrive:

    ciao Paolo,
    di niente, mi sembra strano che ci sia http://FTP

    hai uno spazio a pagamento tipo aruba, register o di quelli gratis?

    Dopo aver seguito alla lettera quello che ho scritto, dovresti caricare sul tuo spazio server via FTP con un programmino free tipo (Filezilla) la cartella con tutti i file.

    a quel punto se il tuo indirizzo è http://www.paolo.it (esempio) l’indirizzo per vedere la gallery sarà http://www.paolo.it/nomechehaidatoallatuacartella/index.html sempre se la cartella che tu hai inserito non si trovi in qualche sottocartella.

    Se hai problemi sono qui
    :-)

  5. Lorena scrive:

    Ciao Gianni, il mio problema è questo:
    ho creato una gallery autowiever con Picasa e sto cercando di mandarla al sito con il programma FILEZILLA CLIENT….ora sono riuscita a modificare il menu, perchè dovevo eliminare tante cartelle che non volevo più ed inserire una cartella chiamata appunto portfolio ( che sarebbe la galleria autow) ma nonostante cerchi di inviarla al sito non mi appare! non so più dove mettermi le mani! spero tu possa aiutarmi! grazie mille.

  6. GianniP scrive:

    Ciao Lorena e Benvenuta
    proviamo a capirci qualcosa.
    tu hai creato una cartella chiamata portfolio che all’interno contiene tutta la gallery, giusto?
    se trascini questa cartella dal desktop dentro filezilla cosa succede?
    ti allego la schermata per capirci

    blog Gianni Petta

    dimenticavo, il collegamento dal menù portfolio dove lo mandi? all’interno della cartella c’è una pagina in HTML? lo mandi a quella pagina?

  7. Lorena scrive:

    no io nn ho fatto così…ho aggiunto la cartella inviandola dal locale al remoto…la cartella appare sul remoto ma in realtà sul sito non si vede nulla.

  8. GianniP scrive:

    l’importante che la cartella sia in remoto.
    all’interno di quella cartella cosa c’è?
    file jpg e pagine in html?
    dal tuo sito nella pagina portfolio nel menù il collegamento dove va?
    se la cartella va bene può essere un problema di collegamento

  9. GianniP scrive:

    se tu digiti il link diretto a quella cartella riesci ad accederci?
    cioè faccio un esempio
    http://www.lorymakeup.com/portfolio(questo è per entrare nella cartella)index.html

    mi sono spiegato?

  10. Tony scrive:

    Per inserire un link su un immagine senza caption, cosa devo aggiungere

    Mi spiego meglio se voglio linkare un immagine ad una pagina, cosa devo aggiungere?

    Grazie mille

  11. GianniP scrive:

    Ciao Tony, benvenuto
    per inserire un link sulle immagini basta che all’interno di caption (ricorda che il tag caption deve essere sempre presente)
    quindi all’interno inserisci
    -font size=”50″>qui se vuoi un titolo più grande-/font>-br>qui se vuoi un testo senza link -u>-a href=”http://qui inserirai il link” rel=”nofollow”>qui la dicitura che uscirà sulla foto e che manderà al link-/a>-/u> qui se vuoi puoi continuare un semplice testo senza il link.
    ricordati che ho sotituito i segni < di apertura con la linea – altrimenti non vedi il codice, basta che copi incolli e sosituisci la linea – con <
    Ti ho dato più opportunità, spero di essere stato chiaro.

  12. Tony scrive:

    Grazie mille ma…
    Io dicevo il link solo ad una foto senza inserire il testo…

  13. Tony scrive:

    Grazie Gianni
    ho guardato, ma nulla
    colgo l’occasione per ringraziarti e complimentarmi per il sito

    p.s. se ci riesci non mi dipiacerebbe

    sono costretto a riempire di simboli html di spazio per linkare una foto di copertina o con scritta gia sopra

    • GianniP scrive:

      Immaginavo,
      Lo so è brutto vedere sopra le immagini tutte queste scritte
      grazie per i complimenti, a metà settimana ci dedico un po’ di tempo e vediamo se si può risolvere.

      buone feste :-)

  14. Tony scrive:

    in alcune stanno pure bene
    in altre ho delle locandine ad hoc e devo inserire dei simboli per farci cliccare senza testo
    un macello
    http://www.doremifasol.org/autoviewer.htm

    per baglioni abbiamo locandine gia con il testo
    tipo o’scià 2010

  15. Tony scrive:

    Posto la soluzione a beneficio di altri
    Basta aumentare un font a 500 e dare alcuni spazi

    eccovi il cod

    <![CDATA[(qui parentesi minore di apertura) a href=”http://www.simpleviewer.net” rel=”nofollow”>

    http://www.simpleviewer.net/forum/viewtopic.php?pid=31937#p31937

Lascia un commento


Subscribe without commenting