Immagini multiple come sfondo

spruzzolo

Nuovo Utente
11 Ott 2015
5
0
0
Buona sera, oggi mi stavo vedendo un articolo trovato in rete sui css3 e la possibilità che danno per poter usare immagini multiple come sfondo. Una funzionalità questa che mi tornerebbe utile. Ho difficoltà però a capire come fare per rendere cliccabili queste immagini, e come cambiarle, ad esempio, al click su un pulsante....
Spero di essere stato chiaro.....
Grazie
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Le immagini di sfondo non possono essere cliccabili.
Puoi fare un piccolo menu per poterle cambaire
 

spruzzolo

Nuovo Utente
11 Ott 2015
5
0
0
ciao max, innanzi tutto grazie per l'interessamento, mi andrebbe anche bene poterle cambiare tramite dei pulsanti, ma ho difficoltà a capire come fare, mi spiego con un esempio:
ho questa situazione,

Codice:
#container {
	width: 960px;
	margin: auto;
	box-shadow: 3px 3px 10px #888;
	background: url(img/blackboard-deco.png) center 20px no-repeat, url(img/blackboard-deco.png) center bottom 20px no-repeat, url(img/blackboard-bg.png) top left repeat;
	padding: 140px 50px;
}
#container p {
	font-family: 'Homemade Apple', cursive;
	font-size: 26px;
	color: #FFF;
	line-height: 2.5em;
}
se avessi avuto una sola immagine come background, avrei potuto usare il metodo css di jquery per cambiare dinamicamente lo sfondo. ma io vorrei cambiare ogni singola immagine e non so come riferirmi ad essa. se volessi cambiare solo
url(img/blackboard-deco.png) center 20px no-repeat (la prima immagine del css) come avrei potuto fare?
grazie!!!
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Allora! Io ho sempre usato questo
Codice:
<a href="#" onclick="document.getElementById('container').style.backgroundImage='url('immagine.png')'; return false;">Cabia immagine</a>
e ha sempre funzionato, ma ho fatto una prova con il tuo codice e sembra che abbia un problema! Ora non ho tempo di indagare, provalo tu e sappimi dire
 
Discussioni simili
Autore Titolo Forum Risposte Data
J Immagini multiple in Database PHP 1
A problema con upload immagini multiple PHP 0
B onmouseover, immagini multiple su hotspot map Javascript 3
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
Ricky80 Coordinazione immagini HTML e CSS 4
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

Discussioni simili