Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    comportamento hover in CSS di linea

    salve a tutti... ho un div con una immagine di sfondo inserita in un CSS in linea, come posso dire che al passaggio del mouse deve cambiare l'immagine? è una galleria dinamica, quindi devo realizzare tutto li... è possibile farlo coi CSS o devo usare JS sempre inlinea (che volevo evitare)?
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  2. #2
    Supponendo che l'immagine sia lo sfondo di un div con id="prova":
    codice:
    <style type="text/css">
        div#prova{
            background:url(immagine);
        }
        div#prova:hover{
            background:url(altra immagine);
        }
    </style>
    Ciao
    La differenza fra la genialità e la stupidità è che la genialità ha i suoi limiti.


  3. #3
    ok... devo essermi spiegato maluccio io parlavo dei CSS in linea tipo <div style="qualcosa">
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  4. #4
    No, non credo sia possibile, se non facendo l'equivalente in javascript.
    Ma è davvero necessario implementarlo direttamente in html?
    Senza creare o modificare fogli di stile, si può semplicemente usare il tag <style> nella head...
    La differenza fra la genialità e la stupidità è che la genialità ha i suoi limiti.


  5. #5
    la galleria viene generata dinamicamente... quindi non posso creare uno style prima
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  6. #6
    Una cosa è certa: non è possibile implementare le pseudoclassi dall'attributo style.
    Quindi se vuoi riuscire a fare quello che vuoi devi rendere dinamici anche gli stili, ma la cosa inizia ad essere complicata, perchè, se non ho capito male, ogni immagine deve essere sostituita da un'altra, che non è sempre la stessa. Forse bisognerebbe pensare a javascript.
    La differenza fra la genialità e la stupidità è che la genialità ha i suoi limiti.


  7. #7
    mi era venuto questo dubbio... vorrà dire che userò JS, anche se volevo evitarlo...
    Grazie
    La fantasía, abandonada de la razón, produce monstruos imposibles; unida con ella es madre de las artes y origen de las maravillas.
    (Francisco Goya)
    ----------------------------------------
    http://www.mangioebevo.it
    http://www.definitives.org

  8. #8
    Già... il problema sta proprio nel fatto che bisogna assegnare :hover dinamici ad elementi che già di loro sono dinamici... Al limite si potrebbe elaborare con php il foglio di stile in base alle immagini che appaiono, ma come ho già detto è piuttosto complicato.

    Ciao
    La differenza fra la genialità e la stupidità è che la genialità ha i suoi limiti.


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 © 2026 vBulletin Solutions, Inc. All rights reserved.