Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    4

    Cambio immagine background a div su un link in rollover

    Ciao,

    è possibile modificare un'immagine in background assegnata a un DIV all'interno di altri Link presenti sulla pagine, precisamente all'interno dello stesso div.

    Ricostruendo facilmente la struttura per esempio:

    <div id="sfondo-neutro" style="background-image:url(immagine-fissa-senza-rollover); width:100%; height:550px;">


    <div id="primo" style="width:20%">
    <a href="#">PRIMO</a> </div> <!-- In rollover su PRIMO voler cambiare immagine impostata sopra con un'altra immagine -->


    <div id="secondo" style="width:20%">
    <a href="#">SECONDO</a> </div> <!-- In rollover su SECONDO voler cambiare immagine impostata sopra con un'altra immagine -->


    </div>

    E' tanto difficile oppure posso trovare una soluzione abbastanza semplice?

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Credo che si possa fare, ma occorre un minimo di JS, se ho capito bene.

    esempio:
    codice:
    <a href="#" 
      onmouseover="document.getElementById('sfondo-neutro').style.background='url(immagineRollover)';"
      onmouseout="document.getElementById('sfondo-neutro').style.background='url(immagine-fissa-senza-rollover)';"
    >PRIMO</a>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    4
    WOW, funziona, per ora grazie!

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.