Jssor slider altezza fissa tutto schermo
Autore: ROBERTO S.Salve a tutti, 1° post x me, abbiate pazienza ho gia cercato molto, website evo aggiornato alla 15
Vorrei utilizzare uno slide a schermo intero, che si adatta alla risoluzione del monitor, con altezza fissa e che non mi storpi le foto, motivo del mio aggiornamento a pagamento alla versione 15.
Ho letto nelle risposte di tutto da wowslider, a Swiper a Stile righe ma vorrei utilizzare la cosa più semplice e inclusa in WS5
Ho quindi usato JSSOR in una cella ma non riesco ad impostare un altezza x tutte le foto fissa di circa 400px.
L'ottima spiegazione di skeggia dice che questo slider si adatta alla foto più alta ma dopo diverse prove non ho ancora capito se devo ridimensionare tutte le foto ed in che modo oppure se posso agire sulla cella per far si che questa non vari in altezza.
Grazie anticipatamente, va bene anche se mi consiglierete comunque di comprare uno slider esterno a pagamento dopo aver speso soldi per aggiornare dalla versione 12 alla 15 per avere questo slide show full screen
Esteban
A me personalmente il metodo meno complicato per avere uno slide widescreen sembra questo (ci sono anche le istruzioni, semplicissime: metti un codicino nella sezione "esperto" della pagina e imposti le misure della galleria. Fatto).
http://giancarlob.altervista.org/test-vari/galleria-full3b/
In ogni caso è sempre buona norma usare foto con misure identiche o simili per gallerie a scorrimento orizzontale. Mentre per gallerie che posizionano automaticamente le foto in una griglia nella pagina, si possono usare foto con misure diverse, perchè tanto la migliore disposizione la trova il programma (o l'oggetto galleria).
... parlndo di fullscreen, e se ti servisse lo slideshow come sfondo a tutta pagina del sito, nel programma non è previsto, ma esiste una mia invenzione del 2009, "l'uovo di Colombo", il primo fullscreen di sfondo in assoluto, sia per il nostro programma che in genere, nato grazie all'input di SteveR (Icm) per il DIV_CUSTOM e da me accoppiato all'IFRAME, a quei tempi in ambiente SwihMax(Flash), un caso di "Flash of Genius" ...(simile ai tergicristalli)... (ho fatto un po' di storia per gongolarmi)
.. attualmente e personalmente preferisco > MAXIMAGE, (libero) ...che trovo più adatto da usare come sfondo fullscreen...
... potresti studiare le loro opzioni, ma se vuoi andare dritto allo scopo rapidamente, scarica il mio > ZIP, lo unzippi, ed il contenuto lo mandi in rete, sempre nella cartella dedicata come detto prima, "sfondo"...
... nella pagina html che editerai con il Blocco Note di Windows basta sostituire gli URL (SRC) delle immagini usate da me (piximage), con le tue immagini, che invierai nella stessa cartella con FTP Filezilla...
... quando avrai fatto, posta il LINK che procederò con il resto, un semplice copia/incolla, che già ti anticipo:
<div id="div_iframeK" style="position:fixed; top:0px;left:0px; width:100%;height:100%;z-index:-1">
<iframe id="iframek" width="100%" height="200" src="sfondo/slideshow.html" scrolling="no" frameborder="no" style="position:absolute; top:0px;left:0px; height:100%"></iframe>
</div>
... questo procedimento, semplicissimo e senza stress, è stato anche trattato sempre negli ottimi Tutorial di Giancarlo:
http://giancafoto.altervista.org/wowslider-v13-iframe/
http://giancafoto.altervista.org/wowslider-v13/
... questo mio metodo (libero da crediti) resta impareggiabile anche per gli sfondi di header, righe, oggetti, con oggetti sovrapponibili, e facilmente aggiornabili senza dover metter mano al programma, ed adatto per configurazioni differite desktop/mobile, eccetera, ...lasciando la linbertà di scegliere gli slideswow, sia del programma (come da esempi di Mirko), o quelli più flessibili di terze parti, più o meno amichevoli che siano, e senza interferire ed appesantire il Progetto...
.
Autore
Ok grazie a entrambe, sopratutto per la velocità della risposta.
Avevo gia visto gli esempi di GiancarloB ma utilizzano Swiper Grid slider, costo 18credit (15€) il quale ha rispetto a JSSOR slider (gratuito e incluso) una ulteriore tendina per il dimensionamento della larghezza e altezza.
La bellissima soluzione di Kol, che ora mi accingo a provare, opera a sempre a tutto schermo, su tutte le risoluzioni dal cellulare al PC in anche oltre l'HD.
Io ho utilizzato JSSOR, che per ora va anche bene così, www.anythingbutwork.it e vorrei capire se con una semplice modifica posso evitare il problema delle foto di diversa dimensione, qualcuna + quadrata, qualcuna + panoramica.
OT ...scusa Roberto, ma mi pare che il tuo sito si veda malino specialmente nella parte bassa...
...e comunque il tuo sito mi pare anche un po' strettino in larghezza ...
Se con un programma di grafica ti fai un'immagine bianca di base e la usi per creare tutte quelle dello slide, risolvi il problema delle dimensioni diverse e hai sempre sotto controllo la definizione e l'inquadratura migliore.
Autore
Si Claudio hai ragione, lo sto sistemando man mano, ma io uso una risoluzione HD 1920x1080 e non combina quel pasticcio che hai postato. Quello lo devo sistemare nel responsive alle risoluzioni inferiori. Bisognerebbe avere un app che testa il sito con tutte le risoluzioni (Desktop, portatile,tablet e smartphone) ed anche con tutti i diversi browser (Chrome, Firefox, Edge, Ie e Safari), magari correggendo automaticamente anziche farlo fare a me
Ora provo anche la soluzione di Luciana magari partendo da un immagine 1920x400px con dimensioni inferiori a 1Mb
... infatti la congruità sta alla base; ... misure uguli (da preferire), e/o direttamente proporzionali...
... peso anche sotto ai 300-500 KB ...
.