Smooth slideshow sfondo a schermo intero in jQuery

[Miss. Lin]

Salve a tutti,


premetto che solitamente dopo vari smanettamenti riesco ad implementare quasi sempre i vari plugin. Oggi mi sto dilettanto e scervellando ad implementare questo plugin http://www.jasperrooswinkel.com/smooth-fullscreen-background-slideshow-in-jquery/
avrei voluto allegarvi il file già sistemato, ma non vedo + l'icona per allegarlo.
Vi ringrazio anticipatamente.

[lemonsong]

avrei voluto allegarvi il file già sistemato, ma non vedo + l'icona per allegarlo.

Facci sapere se hai questa "opzione":

[ Guests cannot view attachments ]



Comunque basterebbe, credo, un link per vedere cosa hai combinato/fatto.

[Miss. Lin]

Sono cieca come una talpa!!! Sorry, la cercavo in alto tra le icone!!!

[Miss. Lin]

Vi allego il file .IWZIP.


Allo stato attuale ci sono dei problemi di visualizzazione, infatti il background si sovrappone alla struttura del sito, in oltre devo inserire i collegamenti delle immagini non tramite url.

[Miss. Lin]

ragazzi ho apportato un'altra modifica, ho inserito tutto il codice nella sezione Head di esperto, ed adesso solo il retino si sovrappone alla struttura del sito...

[skeggia]

credo che basti modificare il css in sezione esperto al passo 1 gli z-index

        /* Display on top of slideshow */
        z-index:-1000;   
        position:relative; /* This is very important! */   
    }
   
    img#bg {
        /* Stretch background */
        position:fixed;
        top:0;
        left:0;
        height:100%;
        width:100%;
        z-index:-1000;
    }
   
    #bg_grid {
        position:fixed; /* This is very important! */
        top:0;
        left:0;
        height:100%;
        width:100%;
        background: none;
                z-index:-2000;

però ho dovuto togliere anche il bg.png che comunque si sovrapponeva. A me così funziona.
ciao
sk

           

[Miss. Lin]

Vi allego il progetto modificato, per adesso modificando gli Z-Index da 2 a 0 lo sfondo retinato non si sovrappone più. Bene direi che per adesso, siamo messi bene. Adesso proverò ad inserire io delle immagini e dopo a sovrapporre una fascia fissa. Speriamo bene. Vi aggiorno quanto prima.
N.B.
Skeggia grazie per il supporto .

[skeggia]

ok, era solo una questione di z-index, però ora con la nuova versione ti sparisce la dicitura delle immagini.
ciao

[skeggia]

se cambi in 2 lo z-index di image description tutto funziona.

[Miss. Lin]

se cambi in 2 lo z-index di image description tutto funziona.

Infatti, ho lasciato invariato l'ultimo z-index e adesso va bene.

[Miss. Lin]

Sto provando ad inserire delle immagini diverse, ma mi crea un pò di problemi. Il codice che sto modificando è il seguente



   aImages[0] = "<img src="images/1.jpg" width="1920" height="1200">";
   aImages[1] = "http://canvasinabox.com/preview/7/48/48-7-preview_large.jpg";
   aImages[2] = "http://canvasinabox.com/preview/7/46/46-7-preview_large.jpg";
   aImages[3] = "http://canvasinabox.com/preview/18/133/133-18-preview_large.jpg";


Nel codice originale il collegamento avviene tramite url on-line, io invece desidero collegarli tramite file inserito direttamente nella root del sito, ma il mio codice è errato inoltre se riesco ad inserire l'immagine, questa non si ridimensiona uniformemente alla grandezza del sito.

[skeggia]

se ho capito bene, nella prima riga tu inserisci <img src.... ma secondo me basta images/nomeimg.jpg ..... senza img src e poi alleghi le immagini, giusto?

[skeggia]

se non va, carica prima le foto sul dominio e ci metti l'url anche tu

[Miss. Lin]

se ho capito bene, nella prima riga tu inserisci <img src.... ma secondo me basta images/nomeimg.jpg ..... senza img src e poi alleghi le immagini, giusto?

In pratica se inserisco un collegamento normale di immagine, questa non si ridimensiona automaticamente in base alla grandezza della finestra browser.

[skeggia]

allora, ho provato, se carichi le foto su server e metti l'url relativo, tutto funziona, anche ridimensionate.
dai che ci 6 . . .