Autore Topic: Smooth slideshow sfondo a schermo intero in jQuery  (Letto 10307 volte)

Miss. Lin

  • Utente inesperto
  • **
  • Post: 189
Smooth slideshow sfondo a schermo intero in jQuery
« il: 01 Marzo, 2013, 12:30:28 »
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

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #1 il: 01 Marzo, 2013, 13:19:22 »
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

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #2 il: 01 Marzo, 2013, 13:21:41 »
Sono cieca come una talpa!!! Sorry, la cercavo in alto tra le icone!!!

Miss. Lin

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #3 il: 01 Marzo, 2013, 14:07:27 »
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.
« Ultima modifica: 01 Marzo, 2013, 14:49:35 da Miss. Lin »

Miss. Lin

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #4 il: 01 Marzo, 2013, 15:16:06 »
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

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #5 il: 01 Marzo, 2013, 15:18:29 »
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

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #6 il: 01 Marzo, 2013, 15:22:58 »
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

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #7 il: 01 Marzo, 2013, 15:29:59 »
ok, era solo una questione di z-index, però ora con la nuova versione ti sparisce la dicitura delle immagini.
ciao


skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #8 il: 01 Marzo, 2013, 15:31:50 »
se cambi in 2 lo z-index di image description tutto funziona.

Miss. Lin

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #9 il: 01 Marzo, 2013, 15:34:12 »
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

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #10 il: 01 Marzo, 2013, 16:11:53 »
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.
« Ultima modifica: 01 Marzo, 2013, 16:18:38 da Miss. Lin »

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #11 il: 01 Marzo, 2013, 16:19:57 »
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

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #12 il: 01 Marzo, 2013, 16:25:42 »
se non va, carica prima le foto sul dominio e ci metti l'url anche tu

Miss. Lin

  • Utente inesperto
  • **
  • Post: 189
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #13 il: 01 Marzo, 2013, 16:26:29 »
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

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Smooth slideshow sfondo a schermo intero in jQuery
« Risposta #14 il: 01 Marzo, 2013, 16:29:11 »
allora, ho provato, se carichi le foto su server e metti l'url relativo, tutto funziona, anche ridimensionate.
dai che ci 6 . . .