Problema impaginazione immagini 
Author: Gabriele C.Buon giorno, il mio problema è il seguente:
devo mettere 5 o 6 immagini nella home page che raffigurano persone e come sfondo ho una stanza. Le persone devono essere di diverse altezze (rispettando la prospettiva)in base se sono in fondo alla stanza o più vicina allo schermo (vedi allegato) e ovviamente ognuna di loro avrà il collegamento ad altre pagine. Finchè metto due immagini riesco a posizionarle e dargli la giusta dimensione, ma come ne aggiungo una terza le prime due si spostano di posizione e la pagina si allunga costringendomi ad usare la rotella del mouse per trovarle (ovviamente ho provato ad aggiungere sia le colonne sia le righe). Io vorrei avere la home page fissa insieme ai personaggi posizionati nei diversi spazi della pagina con le diversre grandezze. come posso fare? Spero di essere stato chiaro ed esaustivo nella spiegazione. Grazie
se non ho frainteso il tuo problema devi ricorrere ad una mappatura dell'immagine; esistono softwares di elaborazione grafica o di creazione di slideshow javascript per farlo.
Author
grazie Fabio per la tua risposta, ma non devo creare slide, devo semplicemente fare una pagina con uno sfondo fisso di una stanza a tutto schermo (quindi senza usare la rotella del mouse), dove andro' ad inserire 5 o 6 immagini di persone. Ogni persona avra' un collegamento ad un'altra pagina o ad una galleria ecc. l'immagine che ho messo come allegato non mi da la possibilità di dare un collegamento ai vari personaggi perchè è un'unica immagine. E' per questo che devo immettere tutti i personaggi sopra uno sfondo.
se invece hai un metodo per realizzare la mia richiesta ben venga... :)
Fabio ti ha già accennato una possibile soluzione:
In Rete trovi un sacco di informazioni a riguardo (esempio):
http://www.html.it/pag/16053/le-mappe-di-immagine/
http://www.mrwebmaster.it/html/mappe-immagini_7326.html
Prova a dare un'occhiata anche a questa pagina di Esse Di: http://www.essedi.altervista.org/_sito/mappatura-immagine.html
infatti...quella é una soluzione, ma le possibilità sono anche altre.
Per esempio:
puoi crearti una immagine solo dello sfondo e separatamente svariate immagini png dei personaggi con sfondo trasparente; dopodiché crei una cella ti tipo tabella e le applichi come immagine di sfondo il tuo sfondo settando le righe orizzontali e verticali trasparenti; poi inserisci nelle adeguate posizioni i vari personaggi con opportune dimensioni per ricreare la prospettiva del quadretto globale.
ovviamente dando alle singole immagini i links che vuoi
Oltre al mio sito di esempio segnalato da lemonsong, puoi prendere in esame anche quest'altro, che fa uso solo di CSS
http://essedi.altervista.org/_EVO10/_mapCSS/index.html
guarda anche qui:
... beh, di carne al fuoco ne hai...
... per allargare le idee aggiungo i miei esempi postati in Answers...
... questa mappatura si ottiene con semplicità con PaintShopPro:
http://www.zspace.it/kolasim/website/rosaventi/rosadeiventi.html
http://www.zspace.it/kolasim/forum/mappe/aosta.html
http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/
... questa mappatura senza paragoni si ottiene con semplicità con SwishMax:
http://www.zspace.it/kolasim/swiffy/igor_k.html
http://www.zspace.it/kolasim/prove/mappatura/mappatura_semplice_K.html
http://www.zspace.it/kolasim/wsx5_v8/corpoumano/
http://www.zspace.it/kolasim/miei_files/animazioni/Italia_k1.html
http://www.zspace.it/kolasim/wsx5_v8/varie/fabriano1.html
... semplice mappatura con DIV CUSTOM (*consigliato); dopo SwishMax è il metodo più flessibile:
http://www.zspace.it/kolasim/website/DivCustom_Lombardia/ (v. MILANO)
http://www.zspace.it/kolasim/website/rosaventiSwishMax/fisso.html
... semplice mappatura con OO.o + mio Video:
http://stclassi.altervista.org/HTML_CSS/Creare_mappe_sensibili_con_OOo.pdf
... questa mappatura si ottiene con semplicità con (Ms)Paint:
http://www.zspace.it/kolasim/forum/mappe/aosta2.html
...
... il codice degli esempi si rileva dal sorgente HTML tutto in chiaro ...
...
... ... per mappare immagini direttamente in rete automaticamente, qui: http://www.maschek.hu/imagemap/imgmap
...
... in base a tutto quanto è stato espresso nel Topic, il resto dipenderà dal metodo che si riterrà più amichevole e dalle capacità di approccio...
... in ogni caso occorrerà un minimo di applicazione propria, e se del caso, per chiarimenti far vedere le proprie pagine di prova; ... quando si è scelto ed imparato con sicurezza il procedimento preferito, allora si potrà passare all'implementazione nel progetto/sito...
.
ciao
Author
Ragazzi siete una forza... io come avrete inteso sono una schiappetta in questo campo, e con tutte le vostre informazioni spero di riuscire nel mio sito. Ora ho molto lavoro che mi aspetta... grazie a tutti vi farò sapere come andrà a finire... CIAO