WebSite X5Help Center

 
Nicola M.
Nicola M.
User

Codice HTLM Image mapper non produce anteprima  it

Autore: Nicola M.
Visite 1335, Followers 1, Condiviso 0  

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 

Postato il
13 RISPOSTE
 lemonsong  
 lemonsong  
User

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:

src="files/07 Quadro d'Unione.gif"

Ti consiglio vivamente di NON usare spazi e apostrofi nel nome dell'imagine.

Leggi di più
Postato il da  lemonsong  
Nicola M.
Nicola M.
User
Autore

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 di più
Postato il da Nicola M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... leggi attentamente quello che ti è stato suggerito, in particolare nel quote evidenziato, ovviamente sostituendo il nome del file con quello correttamente allegato al progetto...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Nicola M.
Nicola M.
User
Autore

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

Leggi di più
Postato il da Nicola M.
 lemonsong  
 lemonsong  
User
Nicola M.
ho letto attentamente ed eseguito quello che mi è stato suggerito.

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:

src="files/Quadro_d_Unione.png"

Lo Step 2 lo esegue già WebSite quando alleghi l'immagine.

Leggi di più
Postato il da  lemonsong  
Nicola M.
Nicola M.
User
Autore

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

Leggi di più
Postato il da Nicola M.
 lemonsong  
 lemonsong  
User

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.

Leggi di più
Postato il da  lemonsong  
Nicola M.
Nicola M.
User
Autore

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:

  • src="files/Quadro_d_Unione.png"
  • width="900" height="300"

...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"

Leggi di più
Postato il da Nicola M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... 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...?...

 lemonsong  
 ... ...  Se non ti funziona ancora sei tu che "devi aiutarti" pubblicando una prova online su, per esempio, Altervista. 

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Nicola M.
Nicola M.
User
Autore

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

Leggi di più
Postato il da Nicola M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ... 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 ...!...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Nicola M.
Nicola M.
User
Autore

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

Leggi di più
Postato il da Nicola M.