• User Attivo

    Aiuto galleria css

    Salve, ho trovato in rete una galleria fotografica css che vorrei adattare al mio nuovo sito, il problema è che però quando clicco su una miniatura e si visualizza in dimensioni maggiori, se passo con il cursore sulla foto ingrandita essa oscilla, cio non succede se lanciato in locale, non riesco a capire quale sia l'errore, se qualcuno potrebbe aiutarmi lo ringrazio.
    La galleria è a questo link in vui è possibile anche vedere l'errore costiera-amalfitana.org/FotoAmalfi.aspx
    utilizzo ie6 e il codice è tutto in una pagina quindi visibile tramite visualizza html grazie


  • Super User

    Ciao Ertulio e scusa per la latitanza 🙂

    Non ho indagato sul resto del codice però l'oscillazione è dato da questi parametri qui credo:

    .photo ul li a.vert:hover img {
    left:-12px;
    position:absolute;
    top:-20px;
    }
    ```Non sono sicuro che scritto così il riferimento sia giusto ma in ogni caso a occhio questi parametri spiegano che:
    
    "al passaggio del mouse sopra quell'immagine,  tutte le immagini poste all'interno del div di classe **.photo** si sposteranno in posizione data dal **top** e **left** negli attributi css".
    
    Ciò vuol dire che sia la miniatura che l'immagine ingrandita subito sotto sul tuo evento si spostino automaticamente ed infatti al passaggio la miniatura "sparisce" (si sposta di posizione ed esce ,tramite il valore negativo del top e left, dal suo div) e quella sotto crea quell'effetto "oscillante" :)
    
    Prova ad eliminare quegli attributi e dovrebbe tornare tutto come prima.
    
    Quanto riguarda la dimensione dell'immagine dovrebbe esserci un problema per via delle dimensioni date nell'html come ad esempio:
    
    [html]<img width="1280" height="960" title="" alt="" src="Immagini/Amalfi/26082007(006).jpg"/>[/html]Potrebbe creare problemi poichè con questi parametri l'immagine tenderebbe a diventare enorme. 
    
    Ciao sono stato fugace se hai bisogno di una risposta più chiara vediamo di spiegarci!
    
    
    ** p.s. Come da regolamento ti invito a non inserire link attivi all'interno di questa sezione** :nonono:

  • User Attivo

    Grazie 1000 per l'aiuto, eliminando qualla parte di codice ho risolto il problema grazie ancora


  • User Attivo

    Scusate ancora risolto il problema dell'iscillazione ne ricompare un altro che in locale funziona e sul web fa capricci. Il problema è questo:
    Quando clicco sulla miniatura l'immagine che si ingrandisce sotto non compare sempre allo stesso punto ma la prima è + a sx, la seconda + a dx e cosi via, mentre in locale l'immagine si ingrandisce sempre nello stesso punto, come mai? Grazie 1000


  • Super User

    Ti dico sinceramente la mia.
    Ciò che tu vuoi realizzare è una cosa che solitamente si fa attraverso l'uso di **javascript **e in particolar modo con la mentalità ajax.

    Eseguire effetti di cambio immagini nel modo che hai fatto tu è secondo me un errore per quanto riguarda i nostri css.

    Ti dico questo perchè nel tuo lavoro ad esempio vedo la seguente funzione raccontata ora in spiccioloni:

    • Hai una lista di miniature.
    • Gestisci un evento del mouse tramite css il quale al click del mouse sopra la stessa miniatura ti "reindirizza" la stessa miniatura nello spazio sottostante riportandola alle dimensioni originali.
      Ciò che però penso sia un errore è quello che facendo così la miniatura d'origine scompare poichè tu sfrutti , come descritto nei tuoi css, la stessa fonte.

    Se ho errato qualcosa correggimi pure.

    Detto questo ciò che tu fai tramite la serie incanalata di attributi come background, position, eventi sui link e via dicendo è secondo me un aggiramento della natura dei foglio di stile. Ti consiglio invece di usare unicamente linguaggi scripting come appunto JS (o jsp anche se è un pò più ostico) per questo genere di risultati. Usa invece i foglio di stile unicamente per dare una "grafica" diversa al tuo progetto e quindi uno "stile" alternativo. 🙂

    Poi si ci sono molti casi in cui possiamo usare i css per fare un effetto rollover però nel tuo caso te lo sconsiglio.

    Ciao e buon lavoro!


  • User Attivo

    Scusa correggimi se ho capito male, dici di usare una miniatura e una immagine ingrandita come due immagini separate e non come uno zoom?
    Grazie


  • Super User

    No no. Quello che dicevo io era di utilizzare una tecnologia diversa come JS per gli eventi sulle tue miniature.

    Tralasciando che se fai quel tipo di zoom ti ritrovi immagini sfocate come tu stesso puoi vedere.


  • User Attivo

    ok provederò diversamentre grazie del consiglio