Jssor in header solo per home page: se si può, come si può?
Autore: Giorgio C.
Visite 1341,
Followers 2,
Condiviso 0
Nella sola Home Page, vorrei inserire una serie di immagini che scorrono automaticamente, lo spazio destinato sarebbe l'Header ma per tutta la larghezza della pagina (mantenendo l'altezza dell'Header). Si riesce?
Jssor sarebbe perfetto senonchè non mi consente di allargare a tutta la finestra (essendo in Header) e comunque se lo metto in Header mi esce su tutte le pagine (vorrei solo la Home). Ho provato a cercare in altri interventi ma mi pare che nessuno lo applichi......
Vorrei evitare Wowslider & C. essendo a pagamento :-)
Postato il
... secondo me, che non ho né PC e né programmi, non penso che jssor sia adatto alla richiesta: "(mantenendo l'altezza dell'Header)"...
... per l'altezza fissa (che eviterei) troverei più adatto mazimage2 (resize ratio FullScreen C/C sulla priorità W/H) da realizzare in pagina indipendente dal progetto, e da importare in HOME con il mio metodo del DIV_CUSTOM+IFRAME, alla fin fine semplicissimo con un copia/incolla...
... per un'idea vedi il mio storico >> esempio, nudo e crudo, il primo in assoluto...
... se si usassero immagini vicine al rapporto 2:1 sarebbero più indicate di quelle che ho usato io dalla rete pixabay...
... puoi azionare Ctrl+U per rilevare il codice alle righe 7 e 17, e se conosci il programma, già poter usare e provare direttamente...
.
Autore
Forse ho capito male, forse mi sono spiegato peggio.
Per "mantenendo l'altezza dell'header" non intendevo che l'altezza deve essere la medesima per tutte le diverse visualizzazioni responsive, ma solo che non deve essere Jssor a decidere come comportarsi (fermo restando che le immagini avranno tutte la stessa e idonea dimensione).
Così come lavora ora Jssor mi va bene: vorrei "solo" (!) estendere le immagini ai lati e mi dovrebbe comparire solo in Home Page.
Se questo chiarisce ma la tua risposta rimane quella, allora abbandono l'idea perchè non ho le competenze non solo per fare ma già per capire ciò che affermi.
... nessuno nasce imparato, da qualche parte si deve pur iniziare a rimboccarsi le maniche, basta un minimo di buona volontà, conoscere il programma e la sua Guida, e seguire eventuali suggerimenti per gli interventi EXTRA(*); ...qui se si presta attenzione si troverà sempre qualcuno disposto a prestare aiuti e suggerimenti...
... allora potresti subito provare ad inserire jssor nella prima riga della home(**), poi posta il link della tua pagina in rete, e poi si potrà vedere come configurare il codice per estendere a tutta larghezza, ...codice che si inserirà nel pannello ESPERTO | Codice Personalizzato; ...per la prima riga potrebbe poi risultare qualcosa di simile a questo:
<style>#imPageRow_1 div {width: 100% !important; padding: 0 !important;} </style>
... oppure, ...!... e senza far uso di codici, e faresti prima, e sarebbe da preferire, ...potresti adottare l'opzione prevista per lo stile della riga...
>> Elenco immagini: come sfondo della Riga viene impostato uno SlideShow in cui le immagini scorrono una dopo l'altra.
.
... sta a te provare e saper valutare...
.........................................
(*) - tutto è possibile, ...ma, ...i siti senza personalizzazioni EXTRA, se si conosce bene il programma con le sue opzioni, sono quelli che alla fine risultano meglio configurati e navigabili...
(**) - potresti eventulmente provare a realizzare la home con l'opzione: ▪Crea la Pagina senza applicare il Modello...
.
Autore
Forse non sarà stato sufficiente ma due pomeriggi di maniche rimboccate, prima di scrivere, penso che siano testimonianza di buona volontà..... E comunque non è mio stile nè abitudine correre dalla mamma prima di averci provato.
Ho seguito questa strada, togliendo il Modello alla Home page (ho messo larghezza 1150 px, mi pare corretto, condividi?) e facendo le necessarie sistemazioni agli Oggetti.
Poi, dopo un pomeriggio intero di tentativi, ho capito che se voglio usare l'Elenco Immagini in Stile riga, l'Oggetto nella creazione della pagina deve avere adeguate caratteristiche di margini.
Io ho risolto inserendo un Oggetto immagine in cui ho caricato un file che ho reso semi-trasparente con editor esterno (*) perchè mi serviva come sovraimpressione e impostando margini idonei in stile cella. Diversamente bisogna neutralizzare l'immagine oppure ho imparato che bisogna inserire un Oggetto testo al cui interno mettere un adeguanto numero di interlinea (o giocare con i margini cella, presumo) per creare lo spazio di visibilità delle immagini in Stile Riga.
Quello che non trovo come soluzione è il fatto di avere le immagini (caricate in Stile Righe) che non sono Responsive: possibile che sia così visto che si sta lavorando in un sito Responsive che già gestisce le immagini responsive??
(*) potrebbe essere una utile funzionalità da aggiungere all'editor di immagine presente in Modifica dell'Oggetto Immagine.
Autore
Dimenticavo una cosa: le foto che ho inserito in Stile Riga--->Elenco immagini hanno misure (LxH) di 1920x600px: le vedo corrette ma per scrupolo ti chiedo se ritieni che sia la larghezza giusta da impostare.....
Si, la larghezza è quella, deve essere di 1920px, l'altezza a tuo piacere. Le immagini in stile righe non sono responsive, così come non sono responsive i testi di descrizione su tutti gli oggetti opzionali a pagamento. Di cose non responsive ce ne sono ancora, purtroppo direi.
Autore
Non sono nè programamtore nè informatico quindi solo come utilizzatore mi vien da dire che questa mancanza mi sembra rilevante nel contesto di un software responsive e di implementazione su elementi basici come le foto e non di chissà quale magia grafica attivabile con il pensiero.
Chissà se lo STAFF ha news o soluzioni nel cassetto.......
... riporto solo quanto detto prima:
... basta vedere i templates presenti in Marketplace per averne un'idea... ...
... con l'esperienza vedrai che le cose ti appariranno con ottica diversa, e poter ottenere risultati inaspettati ......
.
---
Kol, hanno i loro difetti anche i template presenti sul marketplace, stanne certo... e poi comunque se i testi di descrizioni che si inseriscono sugli oggetti opzionali non sono responsive, non è che l'esperienza ti aiuta a vederli responsive! Al massimo l'esperienza ti aiuta a trovare il modo per renderli responsive ma, per taluni utenti davvero alle prime armi, questo potrebbe comportare molti mesi o forse anni... o sbaglio?
Guarda questo difetto sui testi che NON si adattano, presente fino ad avant'ieri sul sito ufficiale dedicato a Website X5 (poi l'ho segnalata in privato la cosa e probabilmente avranno risolto):
E, naturalmente, non appariva neanche la X di chiusura sul menú hamburger, tutto questo alle risoluzioni RESPONSIVE. E loro sono quelli di Incomedia, eppure, nonostante ciò, anche a loro qualcosa non è andata come sarebbe dovuta andare sul RESPONSIVE... figurati se può rendersene conto un povero utente alle prime armi o se tale povero utente debba usicre matto nel risolvere certe problematiche...
Gli altri utenti mi chiamano "lo scova bugs", qualcun altro mi chiama "lo scassa...c**z", è più forte di me, non posso farci nulla
A parte le cretinate, ma una cosa del genere non è normale (mi riferisco al primo screenshot che ho inviato, quello con le lettere che sbordano), il testo sarebbe dovuto andare a capo in automatico o si sarebbe dovuto adattare all'Oggetto Testo che, non si capisce il motivo, va addiritturea oltre i limiti del corpo pagina... Poi sapranno sicuramente loro perchè ciò non è avvenuto, se per una svista o un difetto del software. Sta di fatto che il problema c'era e da smartphone era evidentissimo.
Vabbè, tutto questo per dire, in conclusione, che le lance non vanno spezzate sempre e solo a favore di una parte e tale parte non è che possa essere sempre difesa a spada tratta nonostante certe mancanze del software che, innegabilmente, sono presenti... Ogni tanto è necessario spezzarle le lance anche a favore dell'altra parte, quella più vivamente attiva e, soprattutto, pagante, quella parte che utilizza il software e che davvero può dire la sua, con cognizione di causa, sulle cose che vanno, che non vanno o che andrebbero migliorate e/o riviste ma che spesso vede cadere nel dimenticatoio o svanire nell'oblio più assoluto anche le più banali richieste di miglioramento del software.
Poi cancellate tutto, lo sai come la penso: io intanto la mia la dico, da utente pagante e che più di tutti ha pienamente diritto di dire la sua, poi voi oscurate pure per rendere pulito il post, tanto lo sai: ugualmente non cambio la mia opinione che, sicuramente, ritornerò ad esprimere altrove, in altri topic, se ciò sarà necessario
Autore
sì, li avevo già spulciati. Belli, nulla da dire (e i menù hamburger là funzionano tutti!)
Come giustamente dici, con l'esperienza otterrò risultati inapettati. Ma...... l'esperienza me la faccio solo se voi dello staff rispondete ai quesiti perchè se devo basarmi sulla guida online....... Non è che sia organica e ben strutturata, per chi ha poche nozioni in materia, è sostanzialmente sviluppata in verticale a comparti stagni.
Quindi, è confermato che non ci sono soluzioni per avere le immagini (dell'Elenco Immagini in Stile Riga) che siano responsive. Salvo che rientri anche questo nei "risultati inaspettati" che non so come fare a imparare se non vengono spiegati in guida o altrove....
... da parte mia sono un utente come te, né più né meno, con la differenza però che attualmente sono senza PC e senza programmi...!...
Quindi, è confermato che non ci sono soluzioni per avere le immagini (dell'Elenco Immagini in Stile Riga) che siano responsive. ... ... ...
... con il solo cliccare no! non è possibile; ...ma come ti avevo anticipato è possibile con una iniezione di codice EXTRA, indolore...
.
Autore
Bene Kol, allora mi passeresti questo codice EXTRA?
Grazie
... te l'ho già proposto >> qui :
... come già sai sono senza PC e senza programmi, ...quindi come detto, se posti il tuo LINK con il tuo esempio, magari esportato su Altervista (free), un click, ...faciliteresti di molto eventuali aggiustamenti al codice se fossero necessari...
... se poi ti volessi sbizzarrire con le gallerie proprie di jssor (*) in pagina indipendente dal progetto, ci sarebbe un altro mio modo ormai universale, semplicissimo, flessibile, senza influire nel Progetto e nel peso della pagina...
... (*) ... oppure maximage2, vegas, flexslider, wowslider, eccetera tra quelli più amichevoli, e nel caso devi prima realizzare questa pagina e postarne anche in questo caso il suo LINK insieme al precedente del sito prova...
... in tutti i casi poi sarà semplicissimo effettuare l'iniezione di codice, come detto prima, indolore, e rapida...
.
... rileggendo il titolo del topic, ...prova anche ad inserire jssor in una pagina nascosta e senza applicare la grafica, e nella home una immagine di sfondo nella riga dove far vedere jssor o lo jssor stesso; ...poi si vedrà...
.
Autore
Kol,
due cose:
- il post del codice EXTRA ce l'ho ben presente ma avendo tu scritto "potrebbe poi risultare qualcosa simile a questo", ho inteso che quello NON fosse il codice da applicare alla MIA pagina.
- il link https://www.jssor.com/demos/ (che mi hai messo nel post qui sopra) non è raggiungibile, pagina inesistente.
Faccio un riepilogo dell'attuale:
- Ho aggirato l'ostacolo lavorando sulla mappa e sui livelli; ora ho la SOLA Home Page con le immagini in slider dello Stile Riga (come mi avevi suggerito tu) ma permane il problema Responsive per le risoluzioni < desktop;
- legata all'attività di cui qui sopra, ho creato alcune pagine senza applicare il Modello e inserito immagine di sfondo: anche qui c'è il problema del Responsive per le risoluzioni < desktop.
Io, se sei d'accordo, farei così: il sito formato desktop è fatto, vado avanti a fare le sistemazioni necessarie per i responsive alle varie risoluzioni, pubblico e poi torno in argomento con le anomalie (già ne ho un'altra che riguarda i menù hamburger) così lavoriamo online e con il problema sottomano.
Sei d'accordo?
... strano, il link jssor a me funziona, anche il tuo; ...al limite ci puoi arriva da qui:
https://www.jssor.com/ ... + menu TUTORIAL + menu DEMO ...
... per il resto, se jssor lo hai posizionato ed esteso nella prima riga, il codice anticipato potrebbe anche già funzionarti...
... purtroppo da parte mia per potermi regolare dovrei vedere un LINK di esempio...
1) ... con pochi click potresti sottoscrivere uno spazio web su Altervista free, che fanno in molti per i test reali;
2) ... creare un nuovo progetto vuoto, contenente pochi oggetti, per esempio testo "lore ipsum...";
3) ... nella prima riga della HOME inserire jssor con poche immagini di esempio;
4) ... esportare su Altervista;
5) ... postare quindi il LINK della tua HOME...
... oppure, come hai già anticipato, resto in attesa del LINK del lavoro che hai già preparato...
.
Autore
Ho pubblicato qui www.diariovacanze.it, ma è work in progress ovviamente....
Oltre alla Home page (responsive immagini slider dell'header) l'argomento responsive non responsive riguarda anche i link che raggiungi dalla Home stessa.
Per ilink Jssor a me esce la famigerata pagina 404:
... lo slideshow in HOME vedo che funziona abbastanza bene, anche se non mi pare jssor...
... per quanto riguarda i precedenti link sul sito jssor non riesco a capire in quanto a me funzionano regolarmente sia con Chrome che con Firefox...
... per quello che potevo fare e per dartene un'idea!!! ecco il >> clone (parziale e temporaneo) (*) basato su maximage, resize ratio fullscreen...
... se vuoi provarlo subito, copia/incolla il codice dalla pagina (Ctrl+U), (righe 47-58), prima della chiusura di HEAD (che hai già usato)...
.
(*) - scade dopo alcune ore
.
Autore
?????
Riccardo, forse non riesco a spiegarmi ma a me non pare proprio che funzioni "abbastanza bene".
Prima di tutto: NON è jssor in Header ma - come avevo scritto sopra - Elenco Immagini in STILE RIGHE applicato alla SOLA Home Page.
Tornando al funzionamento, dicevo che non mi pare che funzioni bene: hai provato a visualizzare a risoluzioni DIVERSE da Desktop? NON RIDUCE LE IMMAGINI (cioè NON è responsive) ma sono TAGLIATE. TI riporto un esempio:
QUesta è per la risoluzione smartphone:
Questa invece per la risoluzione Desktop (scorri l' immagine):
E' questo che sto cercando di spiegarti. LE immagini non vengono adattate alla finestra ma vengono tagliate.
Caro Giorgio, tramite programma quello che vuoi fare tu ê stata chiesta a gran voce da tutti in questi anni ma é stata inascoltata..
Quindi ti consiglio di non pensarci più così non ti disperi a perdere altro tempo...
In pratica l'elenco immagini dello stile delle righe é inutilizzabile perché vengono tagliate a risoluzioni inferiori: per Incomedia basta che hanno inserito questa funzione e loro si possono fare pubblicità e sono giustificate anche se poi questa funzione non serve ai fini pratici ma l'importante che esiste!
Basta permettere di inserire una galleria di immagini nella struttura del modello per ogni risoluzione ed il problema é risolto.
... non so a chi ti riferisci con [Riccardo], ma se per caso ti riferisci a me! ...l'avevo capito che era lo sfondo delle righe che io ti avevo consigliato, ma le prove dovevamo farle con jssor! per poter valutare come intervenire eventualmente in extra...
... comunque, visto che non hai valutato il clone+maximage, ormai estinto!, e non hai neanche provato il codice applicandolo al tuo esempio, allora come non detto; ...e casomai ti interessasse ancora, ci risentiremo altrove...
... però puoi sempre provare altre strade sempre alla portata di tutti!, usate da varie decine di utenti comuni! e soddisfatti in vari Topic, ...ed in questo senso ti posto i Tutorial di Giancarlo (comprendono anche il mio metodo) con vari esempi validi per qualsiasi tipo di intervento extra:
http://giancafoto.altervista.org/wowslider-v13-iframe/
http://giancafoto.altervista.org/wowslider-v13/
http://giancarlob.altervista.org/test-vari/galleria-full3b/
ciao
.
Autore
Scusa Kol, avevo in testa Riccardo per via di un'altro post che rimane senza soluzione.....
Allora, non è che non voglio provare a fare ma:
a) io avevo fatto uno slider in Stile Righe e tu stavi parlando di Jssor, ero convinto che quelle attività NON fossero applicabili, tutto qui,
b) tu stesso avevi scritto che se si può è meglio avere a che fare con siti senza codici EXTRA (e per questo avevo usato lo slider in Stile Righe rifacendo la Home Page senza applicare il Modello).
Comunque, ho replicato con un minisito che trovi qui http://diariovacanzetest.altervista.org/NuovaCartella/index.html
La Home Page ha queste caratteristiche:
1) creata senza applicare il Modello con larghezza pagina 1150px
2) nella prima riga ho messo lo Jssor
3) nelle proprietà, esperto, ho messo in prima riga il codice <style>#imPageRow_1 div {width: 100% !important; padding: 0 !important;} </style>
A risoluzione desktop tutto gira, ma se scendo peggiora la situazione: vedrai che, oltre a tagliarsi la foto come prima, si crea sulla parte dx una banda bianca.
Circa le altre prove (tutorial Giancarlo), non le ho fatte perchè già al "primo step" mi blocco: non mi è chiaro come, co ncosa e dove creare il progetto con wowslider (nuovo progetto in Ws5? una pagina sola?) poi altre cose. Ma se dici che è meglio usare questo metodo, allora (eventualmente) apro altro topic e mi faccio spegare come procedere passo passo.
Autore
fate presto e bene, fra voi "acculturati" a parlare.... ma per me quasi ogni cosa è nuova, quindi le difficoltà e le incertezze sono esponenziali......
... tanto per chiudere da parte mia lasciata in sospeso, gli ho dato un'occhiata, e vedo che il tuo jssor è incompatibile...
>> questo (clone temporaneo), sostituisce il tuo jssor con il mio JSSOR EXTRA...
... anche se hai risolto in altro modo ed ancora più semplice, potrebbe tornarti utile l'idea per altri scopi...
.
!