WebSite X5Help Center

 
Fabio Procopio
Fabio Procopio
User

Creare una pagina con queste caratteristiche  it

Autore: Fabio Procopio
Visite 375, Followers 2, Condiviso 0  

Buon pomeriggio mondo di website x5,

vorrei porvi una domanda. 

Spulciando nel web, mi sono imbattuto in un sito nel quale è stata creata una pagina con queste caratteristiche delle quali mi sono innamorato, praticamente c'è un'immagine con tanti pulsaqnti sopra di essa, ogni volta che ci si clicca sopra esce la descrizione, sia scritta che video, mi piacerebbe realizzare una cosa simile per il mio sito, ho provato con tutti gli oggetti a nostra disposizione, ma, purtroppo mio malgrado non ho trovato nulla che si possa avvicinare.

Spero che voi mi possiate dare una mano a risolvere questo mio rompicapo.

Allego sia foto che link:  https://www.eprice.it/PC-Desktop-DELL-DELL-OptiPlex-7010-i3-13100T-MFF-Intel-Core-i3-8-GB-DDR4-SDRAM-256-GB-SSD-Windows-11-Pro-Mini-PC-Nero-9CDGM/d-67373056?shopid=14213&meta=adw_perfmax_01_inf&gad_source=1&gclid=CjwKCAjwx-CyBhAqEiwAeOcTdbSnSRh6cYyXcquSB1dF35Pylh70UPLWMEas0EXGZwMB5UE2GNuzqRoC1H8QAvD_BwE

Grazie

https://www.eprice.it/PC-Desktop-DELL-DELL-OptiPlex-7010-i3-13100T-MFF-Intel-Core-i3-8-GB-DDR4-SDRAM-256-GB-SSD-Windows-11-Pro-Mini-PC-Nero-9CDGM/d-67373056?shopid=14213&meta=adw_perfmax_01_inf&gad_source=1&gclid=CjwKCAjwx-CyBhAqEiwAeOcTdbSnSRh6cYyXcquSB1dF35Pylh70UPLWMEas0EXGZwMB5UE2GNuzqRoC1H8QAvD_BwE

Postato il
8 RISPOSTE
Roberto M.
Roberto M.
User

Un oggetto come questo da te rappresentato è meglio che passi ad altre piattaforme altrimenti con incomedia ti devi accontentare della neve che scende. In realtà è possibile farlo in maniera quasi simile ma hai bisogno di programmi vettoriali che ti pemettono di selezionare un'area/porzione e poi di renderla cliccabile.Immagina di disegnare un'interfaccia HUD statica poi selezioni una porzione dell'immagine e la rendi cliccabile per fare uscire il rettangolino o per puntare a che ne so ad un'ancora,pagina ecc....

Questo è fireworks ma lo puoi fare in adobe after effect con risultati sopra l'eccellenza rispetto a quello che hai postato ma è parecchio complicato.

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User

Associ una immagine di scambio al click della porzione o immagine + testo

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User

questo è il risultato se passo sulla porzione

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User

questo è il risultato a videoi prima di far comparire una semplice immagine

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User

Area del progetto

porzioni

comportamento

risultato finale

Fatto al volo ma poi basta la fantasia.Buon lavoro

Leggi di più
Postato il da Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese PL
Fabio Procopio
... ... ... Spulciando nel web, mi sono imbattuto in un sito nel quale è stata creata una pagina con queste caratteristiche delle quali mi sono innamorato, praticamente c'è un'immagine con tanti pulsaqnti sopra di essa, ogni volta che ci si clicca sopra esce la descrizione, sia scritta che video, mi piacerebbe realizzare una cosa simile per il mio sito, ho provato con tutti gli oggetti a nostra disposizione, ma, purtroppo mio malgrado non ho trovato nulla che si possa avvicinare. ... ... ... ... 

ciao,  ... ... ... non ha niente a che vedere con le funzioni di WSx5, che però permette di fare di tutto di quanto non previsto avendo la preparazione adeguata, (nessuna piattaforma simile lo fa)(!)...
... quel tipo di mappatura con effetti e video era semplicissima da realizzare con SwishMax/Flash ormai obsoleti...
... attualmente si potrebbero ottenere simili risultati con WebAmimator,  ma sempre a conoscerlo molto ma molto bene dopo settimane di preparazione...
... anche avendo già conoscenze sicure in HTML, CSS e JavaScript, ed integrando i tre linguaggi, si potrebbero ottenere risultati simili anche senza ricorrere a programmi terzi...
... alla base c'è il saper fare la storica e trentennale mappatura delle immagini a cui associare gli eventi nelle varie sezioni...
... per facilitare la mappatura per chi ancora non lo sapesse, si possono usare programmi che magari si hanno già nel proprio PC, tipo PaintShopPro, Gimp, OOo, Inkscape(svg), eccetera eccetera, ...facilissimi se nel caso si conoscessero molto bene nello specifico...
... oppure, se non si hanno strumenti e non si sa come fare manualmente con div_custom,  si trovano molte risorse in rete, una di queste per mappature avanzate responsive si trova qui:
>> https://image-map.weebly.com/
... invece in questo Topic puoi scaricare alcuni miei esempi ZIP, base ZERO, per capire ed iniziare a fare:
>> https://helpcenter.websitex5.com/it/post/251064
... tutto il resto dipenderà solo da se stessi per far da se, ...altrimenti occorrerà rivolgersi ad esperti come hanno fatto quelli del sito citato nel Post di apertura(!)...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Fabio Procopio
Fabio Procopio
User
Autore

Buona sera Roberto M., ho comprato Adobe After Effects, l'ho aperto è ho provato a fare come hai detto tu, non ci sono riuscito, anche perchè tu non hai lavorato con afeter effects, bensì con paint, quindo non portrò mai capire i passaggi che mi hai descitto.

Potresti farlo con after effects come mik hai consigliato, oppure fare un video?

Grazie

Leggi di più
Postato il da Fabio Procopio
Roberto M.
Roberto M.
User

Ma quanto l'hai pagato? allora ......No io ti ho consigliato adobe effect premettendo la conoscenza profonda del prodotto perchè è di una complicanza inverosimile specialmente se è la prima volta che lo utilizzi ma visti gli effetti che realizza sarebbe stato il prusultra per quello che cerchi. Io ti ho fatto l'esempio con firework chè è sempre della suite di adobe non con paint. Paint quì non centra proprio nulla.

After Effect io non c'è l'ho perchè per l'editing video o per fare delle intro o video multimediali particolari utilizzo altri prodotti.L'unica cosa che posso suggerirti è di seguire i tutorial di after effect e di andare passo per passo avendo accortezza nel disporre di tanta pazienza perchè non è di facile intuizione.

Leggi di più
Postato il da Roberto M.