Immagini piccole nello script "Popup Image Viewer"

« Older   Newer »
 
  Share  
.
  1.      
     
    .
    Avatar



    can you keep a secret?

    Group
    Patatine fritte
    Posts
    3,296
    Location
    Hinamizawa.

    Status
    Anonymous
    Spero possiate aiutarmi >///<
    Allora: ho messo in tabella un paio di immagini che si ingrandiscono al passaggio del mouse, ma il problema è che quando passo il mouse le immagini dentro al "quadratino" hanno una dimensione statica ç__ç non so se avete capito ma ecco lo stamp. L'immagine che dovrebbe essere ingrandita è un icon, ma è rimpicciolita di suo D:
    Ho scritto a voi perché, secondo me, è un'impostazione dei codice in colori e stili e la skin è una di terrs quindi magari sapete dirmi voi cosa fare : D la skin è questa: https://fuckyeah.blogfree.net/?t=4412305
    Grazie <3
     
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,563

    Status
    Anonymous
    Può dipendere anche dal codice utilizzato, puoi postarlo? Con anche il link del forum XD
     
    .
  3.      
     
    .
    Avatar



    can you keep a secret?

    Group
    Patatine fritte
    Posts
    3,296
    Location
    Hinamizawa.

    Status
    Anonymous
    Certo : D
    Allora il code delle immagini che utilizzo è questo:

    CODICE
    <a class="thumbnail" href=><img src=http://i.imgur.com/QAwHipu.png width="25px" height="25px" /><span><img src=http://i.imgur.com/yDckVFR.png width="100px" height="100px" /><br><b>Best ICON #30<br></b>
    Kagefumi‚</span></a>


    Link forum:

     
    .
  4.      
     
    .
    Avatar

    © Terri

    Group
    Patatine fritte
    Posts
    11,920
    Location
    Casa editrice

    Status
    Anonymous
    puoi postare il codice che metti in colori e stili? di solito è quello...
    dovresti cercare il punto in cui dice "width: XXpx; height:XXpx"
     
    .
  5.      
     
    .
    Avatar



    can you keep a secret?

    Group
    Patatine fritte
    Posts
    3,296
    Location
    Hinamizawa.

    Status
    Anonymous
    Dovrebbe essere questo ma il width non lo vedo e non sono in grado di aggiungerlo da sola ><

    CODICE
    .thumbnail span {/*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none}

    .thumbnail span img {/*CSS for enlarged image*/
    border-width: 0;
    padding: 2px}

    .thumbnail:hover span {/*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */}
     
    .
  6.     +2    
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,563

    Status
    Anonymous
    E' un problema generale di chrome, l'ho anch'io sul forum e mentre con firefox si vede tutto bene, con chrome no.
    Aggiungi nel css questo:
    CODICE
    .thumbnail img {max-width: XXpx}

    Praticamente devi impostare la grandezza massima, per esempio, al momento fra quelle messe è la gif quella più grande, quindi al posto di XX metti il width della gif.
    Le altre, essendo più piccole si adatteranno alle loro dimensioni originarie =)
     
    .
  7.      
     
    .
    Avatar

    © Terri

    Group
    Patatine fritte
    Posts
    11,920
    Location
    Casa editrice

    Status
    Anonymous
    ecco, esatto! xD grande giuls c:
     
    .
  8.      
     
    .
    Avatar



    can you keep a secret?

    Group
    Patatine fritte
    Posts
    3,296
    Location
    Hinamizawa.

    Status
    Anonymous
    CITAZIONE (-spiker @ 30/5/2013, 09:42) 
    E' un problema generale di chrome, l'ho anch'io sul forum e mentre con firefox si vede tutto bene, con chrome no.
    Aggiungi nel css questo:
    CODICE
    .thumbnail img {max-width: XXpx}

    Praticamente devi impostare la grandezza massima, per esempio, al momento fra quelle messe è la gif quella più grande, quindi al posto di XX metti il width della gif.
    Le altre, essendo più piccole si adatteranno alle loro dimensioni originarie =)

    Ma sei un angelo! <3
    Grazie mille, provo subito (:

    Funzionaaaaaa :°D grazie mille! <3
     
    .
  9.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    5,563

    Status
    Anonymous
    L'ho testato prima =D
     
    .
8 replies since 29/5/2013, 10:59   79 views
  Share  
.