Coordinazione immagini

Ricky80

Nuovo Utente
10 Apr 2021
5
0
1
Ciao a tutti, sto cercando un buon modo per unire tra loro più parti della stessa immagine così da ricreare l'originale.
In pratica ho un immagine irregolare con una grossa parte trasparente, questa trasparenza si sovrappone ad elementi del sito con cui l'utente deve poter interagire.
Così ho deciso di scindere l'immagine in sotto parti così da utilizzare solo lo spazio minimo e non quello totale che occuperebbe l'immagine se fosse tutta unità.
Ora il quesito è come poter creare una sorta di mappa immagine direttamente col codice così che i vari sotto elementi si amalgamino in un unico elemento e che si ridimensioni in modo proporzionato all'ingrandimento e o ridurre della pagina web.
 

Ricky80

Nuovo Utente
10 Apr 2021
5
0
1
In alternativa sto pensando ad un modo per poter agire attraverso la trasparenza di un immagine.
 

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
432
73
28
Ciao, più che frammentare l'immagine, potresti usare la proprietà css "pointer-events: none" da applicare all'elemento immagine o all'eventuale suo contenitore che copre gli elementi della pagina. Questa regola fa in modo di "bypassare" gli eventi del mouse permettendo quindi l'interazione con gli elementi sottostanti.

Prova è fai sapere se può andare bene.
 
  • Like
Reactions: Ricky80

Ricky80

Nuovo Utente
10 Apr 2021
5
0
1
Ciao WmbertSea, appena provata questa proprietà, funziona alla meraviglia per quello che avevo in mente. Era da giorni ormai che ci sbattevo la testa su questa cosa qui. Ti ringrazio molto!
 
Discussioni simili
Autore Titolo Forum Risposte Data
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
G Perché il mio sito su Google news fa vedere le immagini degli articoli la mia foto profilo? WordPress 1
M Immagini non usate WordPress 0
elmonarca77 Utilizzo e licenze immagini Webdesign e Grafica 4
S Risoluzione Immagini e Connessione Joomla 0
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
A WordPress e immagini Hosting 0
Y RITAGLIO IMMAGINI Javascript 0
R Immagini html HTML e CSS 2
E Come gestire al meglio le immagini legno grande formato Photoshop 0
M Random Immagini + Testi PHP 13
L form immagini per il database PHP 0
P Percorsi e immagini. PHP 0
N Indicizzazione immagini su Google Google Search Console 0
L Import Immagini piattaforma IONIC Sviluppo app per Android 0
L Import massivo di immagini in tabelle piattaforma IONIC Presentati al Forum 1
P Script upload immagini jQuery 0
E Salvare immagini PHP 0
S problema salvataggio immagini Photoshop 0
R Immagini scontornate: che formato? HTML e CSS 4
A Sovrapposizione Immagini Photoshop 0
Cosina Mostrare immagini da una cartella, ma solo un numero definito PHP 12
Tommy03 Gestire dimensioni immagini PHP 4
M Aiuto con inserimento immagini WordPress 6
L Scmporre una foto dotata di varie immagini in piu layer Photoshop 2
M Impossibile visionare la immagini dall'App. IP Cam e Videosorveglianza 8
A Array di immagini Sviluppo app per Android 10
L Come spostare cartella immagini/video PHP 1
A Cornici immagini per sito Web Wordpress WordPress 1
M Semplice visualizzatore di immagini [risolto con plugin wp] PHP 7
R uploader di immagini e text PHP 0
S Importazione immagini PHP 3
beatle [Photoshop] problema inserimento immagini Photoshop 1
L [PHP] Invio Immagini PHP 1
I [PHP] generazione url "uguale" che punta a due immagini diverse PHP 0
W Immagini professionali a costi sostenibili Discussioni Varie 1
bluebirdoncanvas [Photoshop] problema dimensioni immagini o zoom Photoshop 0
andreas88 Immagini non leggibili dopo trasferimento alla scheda SD Smartphone e tablet 0
zorro Aggiunta di immagini al sito Leggi, Normative e Fisco 0
M [PHP] Selezionare immagini directory non presenti in db PHP 11
romeocharly [PHP] Script per rinominare in automatico le immagini inviate da ftp PHP 0
I [PHP] Immagini caricate su server diverse da quelle mostrate PHP 19
kiai969 Stesse immagini su WordPress SEO e Posizionamento 2
L [HTML] Problemino con le immagini di sfondo HTML e CSS 4
A [Photoshop] Ritagliare cerchi tutti uguali da diverse immagini Photoshop 2
F [PHP] Galleria immagini PHP 6
trattorino [PHP] problema entrata immagini insert PHP 1
L Trovare immagini belle per siti Discussioni Varie 1
L [Photoshop]Migliorare qualità immagini Photoshop 8
A [WordPress] Importare immagini in post WordPress 2

Discussioni simili