Codice HTLM Image mapper non produce anteprima
Author: Nicola M.Sto realizzando delle Image mapper da CoffeCup.
I file prodotti funzionano correttamente, come i link generati, almeno nelle anteprime.
Il sito che sto creando, e sul quale sto applicando tali codici, è al momento non pubblicato (sto sperimentando infatti X5 professional 13, mentre il vecchio sito funziona sul web ed è stato costruito con la versione 11).
La questione che vorrei risolvere è questa: ripeto funzionano i link delle Image mapper create sia sul programma CoffeCup che su X5 vers. 13 come anteprima. Quello che desidererei funzionasse è l'anteprima dell'immagine stessa che riporta il classico simbolo di immagine esistente ma non caricata.
Allego per questo un un documento dove si nota non apparire nessuna immagine nelle anteprime, ma solo il quadratino riferito alla immagine non caricata, sulla quale, cliccandovi sopra, ripeto ancora, funzionano i link creati come "image mapper".
Ringrazio in anticipo
Prima di tutto il codice HTML va inserito appunto nella sezione "Codice HTML" e non nella sezione "Esperto" dove vanno le regole CSS.
Dagli screen si vede che hai allegato l'immagine nella cartella files quindi devi correggere il valore dell'attributo src:
Ti consiglio vivamente di NON usare spazi e apostrofi nel nome dell'imagine.
Author
Come mi ha suggerito lemonsong ho rinominato il file Quadro-d-Unione.png
Ho ricaricato il tutto ed ho creato attraverso CoffeeCup una nuova Image Mapper. La cosa continua a non funzionare. Ossia il file HTLM funziona, aprendola come pagina web.
file:///C:/Users/Nicola/Desktop/Quadro_d_Unione_exported/Quadro_d_Unione-non-responsive.html
Funzionano anche, ed ovviamente in parte, l'image mapper come link, cliccando direttamente sul quadratino di immagine non caricata, ma purtroppo l'immagine completa continua a non apparire sull'anteprima di X5.
Ora a questo punto provo a elencare i due codici che il programma CoffeeCup ha generato e vi chiedo, come e dove applicare a regola d'arte questi due benedetti codici su X5 che di seguito elenco per poter avere a disposizione ed in vista l'immagine di anteprima. Ringrazio anticipatamente
Step 1: Paste this markup anywhere within the <body> of your web page:
<!-- Beginning of CoffeeCup Image Map -->
<img src="Quadro_d_Unione.png" usemap="#NotNamed" border=0>
<map name="NotNamed">
<area shape="rect" coords="289,190,467,441" href="http://www.gazzetta.it/" alt="" title="" target="_top">
<area shape="rect" coords="550,370,830,571" href="http://www.muedizioni.it/" alt="" title="" target="safaag_parent">
<area shape="poly" coords="622,162,619,206,676,273,782,274,801,199,713,114" href="http://www.corriere.it/" alt="" title="" target="_blank">
<area shape="circle" coords="117,272,59" href="http://www.unita.tv/" alt="" title="" target="_top">
<area shape="default" href="http://www.ansa.it/" target="_self">
</map>
<!-- End of CoffeeCup Image Map -->
Step 2: Upload the following files to your server:
C:\Users\Nicola\Desktop\Quadro_d_Unione_exported\Quadro_d_Unione.png
... leggi attentamente quello che ti è stato suggerito, in particolare nel quote evidenziato, ovviamente sostituendo il nome del file con quello correttamente allegato al progetto...
.
Author
ho letto attentamente ed eseguito quello che mi è stato suggerito. Prova ne è la lunga lettera ed i documenti allegati e la cosa continua a non funzionare. Ossia non vedo l'immagine nell'anteprima di X5.
A questo PUNTO INVITO QUALCUNO A FORNIRMI UN CODICE DOVE POSSO AVERE LA PROVA CHE LE IMMAGINI POSSANO ESSERE VISUALIZZATE. GRAZIE
Errato.
Se l'immagine la alleghi nella cartella files, dovrai specificarlo anche nel codice, cosa che tu (in base agli screen) non hai fatto.
Quindi, se adesso hai cambiato il nome dell'immagine, la parte di codice da modificare diventerà questa:
Lo Step 2 lo esegue già WebSite quando alleghi l'immagine.
Author
continua a non funzionare.
datemi un file d'immagine ed un codice HTLM riferito a tale file d'immagine da incollare sulla pagina di X5 per vedere che effetto che fa, almeno me ne rendo realmente conto
Adesso hai dimenticato l'estensione dell'immagine (vedi allegato).
Se non ti funziona ancora sei tu che "devi aiutarti" pubblicando una prova online su, per esempio, Altervista.
Author
Di seguito riporto il codice HTLM applicato alla pagina X5 e purtroppo continuo a non poter vedere l'immagine d'anteprima
<img alt="Esempio di immagine con mappe" src="files/Quadro_d_Unione.png" width="900" height="300" border="1" usemap="#regioni">
<map name="regioni" id="regioni">
<area shape="rect" coords="623,259,873,436" href="http://www.muedizioni.it/" target="_blank" alt="Valle d'Aosta">
</map>
Come vedete ho eseguito tutte le vostre indicazioni:
...allego anche "immagine 3" che fa vedere il risultato del lavoro. Purtroppo continua a non vedersi l'immagine di anteprima, ma a comparire il solito quadratino di immagine non caricata.
Aggiungo che il link creato su parte della immagine funzione perfettamente, mostrando la classica manina usata per pigiarci sopra. Cliccandoci infatti l'ho collegato all'apertura del mio sito www.muedizioni.it
Sono pronto a creare "Image Mapper" con le diverse selezioni (poligono, cerchio e rettangolo), in modo da pubblicare la mia nuova versione del sito usufruendo dellla nuova versione X5 Professional 13, ma purtroppo c'è questa dannata cosa che non funziona!
Ripeto: "Chiedo di inviarmi un codice HTLM e relativa immagine collegabile a tale codice da applicare alla pagina OGGETTO CODICE HTLM per vedere almeno una verifica e vedere nella pagina di anteprima la visione dell'immagine"
...!... adesso nel codice l'immagine che prima era GIF è diventata PNG...!?...
...!... questa immagine chiamata (minusc/MAIUSC) Quadro_d_Unione.png ...è satata inserita tra gli ALLEGATI del pannello ESPERTO dello stesso oggetto, lasciando files come destinazione proposta per default...?...
.
Author
Mi sembra di battere la testa contro un muro.
CHIEDO ED IMPLORO SEMPLICEMENTE QUESTO: SE..
..gentilmente se qualcuno mi può allegare un codice HTLM che comprende l'elaborazione di una immagine (con allegata immagine da caricare) in modo tale da applicare questo benedetto codice, fatto a regola d'arte, e verificare se l'anteprima di X5 permette di visualizzare realmente l'immagine e questa funzione in modo tale da togliermi ogni dubbio.
...e, non come capita a me, dopo aver fatto tremila prove con tutti i formati possibili di immagini
...e così rispondo a KolAsim che si attacca a delle puntalizzazioni. Rispondo che se ha notato che il file è cambiato da .gif a .png è perchè ovviamente ho anche provato a caricare l'immagine con diversi formati e l'ultimo è appunto un .png. Lo so anch'io che se i file hanno una diversa versione non possono funzionare, grazie tanto.
ll dubbio che l'anteprima di X5 non funzioni, a meno di smentita che spero di ricevere, è motivata dal fatto che i link sulla immagine creata come Image Mapper, e che in anteprima X5 appare come trasparente, per cui è solo visibile dai bordi di grandezza (creati col codice HTLM width="900" height="300" border="1" valori che variandoli rispondono correttamente) e dal quadratino di immagine non caricata, ripeto, i link funzionano perfettamente.
Quello che dannatamento non vedo è l'IMMAGINE IN ANTEPRIMA
... ... per vedere l'immagine in anteprima devi avere una immagine chiamata "nomeimmagine.jpg"... ...
... questa immagine la devi allegare al progetto nel pannello ESPERTO dell'Oggetto Codice HTML, lasciando "files" come destinazione (già detto!)...
... il TAG IMG che richiama questa immagine deve avere questo esatto formato:
<img src="files/nomeimmagine.jpg" width="900" height="300" usemap="#regioni">
...
...!... quanto detto DEVE funzionare indipendentemente dalla mappatura ...!...
.
Author
FINALMENTE... che fatica! Funziona!
Usando la pagina Esperto, nella sola parte "File allegati al codice" ho inserito il file immagine e adesso funziona.
Grazie tantissimo della collaborazione e pazienza dimostrata
... puoi mappare semplicemente anche con OO.o, oppure anche direttamente online: http://www.maschek.hu/imagemap/imgmap
.