Collegamenti a singola immagine
Autore: Patrizia C.
Visite 1253,
Followers 1,
Condiviso 21
salve a tutti, vorrei sapere se è possibile creare più collegamenti per un immagine? in pratica mi servirebbe selezionare varie parti dell'immagine e collegarle a pagine diverse..si può fare?
Postato il
Buongiorno Patrizia,
se vuoi prova a dare un'occhiata a questi post utili:
http://answers.websitex5.com/post/26215
http://answers.websitex5.com/post/3372
Autore
grazie mille...
Autore
allora..ho creato il codice con gimp, poi sono andata nella home (dove mi serve quest'immagine cliccabile) ho inserito in tutta l'area "HTML&Widget" , ci ho cliccato e ho inserito il codice generato. poi nella sezione esperto in basso dove dice "file allegati al codice " ho allegato l'immagine. SALVO..e nè nell'anteprima nè nella pupplicazione si vede nulla!
dove ho sbagliato??????
Nel penultimo messaggio di questa discussione
http://answers.websitex5.com/post/26215
ho cercato di fornire istruzioni dettagliate sull'intero procedimento.
O mi sono sbagliato o c'è qualcosa di diverso in quello che fai.
Per capirsi meglio, potresti allegare il codice inserito nell'oggetto HTML.
Autore
ho seguito la tua discussione...
cioè devo allegare il codice nella sezione esperto?
ma li parla di CSS , Il codice generato è html !
Autore
un'altra cosa...tu parli di pagine nascoste!
le dovrei vedere sulla mappa? non c'è nulla!!!
Non vedo il minimo accenno a CSS nè nella discussione segnalata, né nella mia pagina sulla mappatura immagine. Questo mi conferma che parliamo due lingue diverse.
Insisto: per capirci meglio servirebbe il tuo codice
un'altra cosa...tu parli di pagine nascoste!
le dovrei vedere sulla mappa? non c'è nulla!!!
Le pagine nascoste le ho create io, ma solo perché i link che ho assegnato alle singole parti dell'immagine mappata puntano ad esse.
... salvo di tutto quanto già detto in supporto, ...prova ad allegare qui due copie della tua immagine, una originale ed una con le sagome evidenziate con un pennello ben contrastato che vuoi rendere attive ed il nome esatto relativo delle pagine del Sito da linkare, possibilmente brevi e senza spazi e senza lettere Maiuscole, pagine che probabilmente renderai non visibili nella MAPPA... ...
... metti anche le misure che dovrebbe avere l'immagine nella pagina del Sito...
... qualcuno potrebbe prepararti l'esempio, come per esempio io in tarda serata potrei provare con OO.o che è attivo su questa macchina (il mio PC è rotto), e quindi su pagina HTML pura, non di WebSiteX5e...
...
... comunque, a saper usare SwishMax, il risultato sarebbe veloce ed impareggiabile, oltre che semplice da ottenere...
bye
Autore
allora...il sito è www.ranucciaccessorimoda.it
l'immagine è quella della home http://www.ranucciaccessorimoda.it/home.html
chiamata sul pc donna.jpg
il codice generato è
<img src="donna.jpg" width="886" height="1165" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Utente -->
<area shape="rect" coords="463,372,502,435" href="http://www.ranucciaccessorimoda.it/orecchini.html" />
<area shape="rect" coords="446,438,517,489" href="http://www.ranucciaccessorimoda.it/collane.html" />
<area shape="rect" coords="701,177,859,447" href="http://www.ranucciaccessorimoda.it/cappelli.html" />
<area shape="rect" coords="474,573,555,618" href="http://www.ranucciaccessorimoda.it/cinture.html" />
<area shape="rect" coords="478,639,594,730" href="http://www.ranucciaccessorimoda.it/guanti.html" />
<area shape="rect" coords="706,592,744,637" href="http://www.ranucciaccessorimoda.it/bracciali.html" />
<area shape="rect" coords="393,598,445,663" href="http://www.ranucciaccessorimoda.it/bracciali.html" />
<area shape="rect" coords="344,435,439,570" href="http://www.ranucciaccessorimoda.it/coprispalle-.html" />
<area shape="rect" coords="556,464,606,571" href="http://www.ranucciaccessorimoda.it/coprispalle-.html" />
<area shape="rect" coords="619,432,750,583" href="http://www.ranucciaccessorimoda.it/foulard---scialli-.html" />
<area shape="rect" coords="388,989,457,1068" href="http://www.ranucciaccessorimoda.it/portachiavi.html" />
<area shape="rect" coords="274,1011,384,1081" href="http://www.ranucciaccessorimoda.it/portafogli.html" />
<area shape="rect" coords="136,913,260,1098" href="http://www.ranucciaccessorimoda.it/borse.html" />
</map>
Autore
immagine con spazi dei link
...ciao, ...guarda, ..sto' uscendo di casa, ...ma vedo che la tua mappa funziona perfettamente con i link attivi...
... purtroppo adesso non ho tempo, ...ma quello che dovresti fare è di non inserire l'immagine tramite oggetto Immagine, ma tramite l'oggetto Codice HTML Oggetto HTML e Widgets | Sezione Codice HTML, incollandovi esatamente il codice da te riportato, modificando solo donna.jpg in files/donna.jpg ed alleghi il file donna.jpg all'oggetto Codice HTML, penso nel pannello esperto, ex graffetta della v.8
... adesso scappo, ..in serata sul tardi vedrò i risultati...
bye
Autore
passaggio1
Autore
passaggio2
Autore
cmq non va
Autore
cmq non va
Patrizia, il percorso indicato da Kolasim è giusto "files/donna.jpg" ma tu l'ha modificato in modo sbagliato scrivendo "file/donna.jpg" manca una "s" finale in files
Metti la s e vedi che funziona
Autore
non ci credo!!!!!!!!!!!!! che scema che sono
funziona...grazie a tutti
Vedo che hai risolto. Riapro la discussione solo per farti i complimenti: davvero un bel sito.
Avrei solo un consiglio. Visto che i collegamenti sono tutti a pagine del sito, io utilizzerei indirizzi relativi in luogo di quelli assoluti.
Per esempio, invece d
<area shape="rect" coords="463,372,502,435" href="http://www.ranucciaccessorimoda.it/orecchini.html" />
utilizzerei
<area shape="rect" coords="463,372,502,435" href="orecchini.html" />
Gli indirizzi relativi restano validi sia se dovessi cambiare nome al dominio (ma questo è difficile) sia se volessi esportare il sito su un disco locale. Per esempio potresti mettere il sito su una chiavetta USB e farlo vedere agli amici, anche in assenza di collegamento Internet.
prego! :-) ciao ciao
bello il sito! :-)
Autore
grazie...appena ho un po di tempo faccio come mi consigli
non vorrei far danni..anche se devo solo cancellare da ogni
riferimento il http://www.ranucciaccessorimoda.it/
ora sto "litigando" con un altro sito che ho fatto lo scorso anno e ora volevo rifarlo con website...ma ho un problema con la creazione del menu e delle pagine protette..
magari apro un post!
ciao
Prova prima a modificare un solo indirizzo. Se va bene modifichi anche gli altri. Io farei così.