WebSite X5Help Center

 
Federico F.
Federico F.
User

Galleria full screen con la versione x13  it

Autor: Federico F.
Visitado 3947, Seguidores 3, Compartilhado 0  

Ciao 

ho visto che la nuova versione  x13 non da' ancora la possibilità di inserire una galleria a tutto schermo...come si puo' fare per inserirla?

grazie

Publicado em
66 RESPOSTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se sei esperto del programma, non dovresti avere problemi ad implementare una qualsiasi delle gallerie a tutto schermo reperibili in rete...

... te l'avevo già proposto, e te lo ripeto...

... realizza e pubblica nel tuo spazio web/Sito la tua galleria indipendente a tutto schermo che poi ti servirà da sfondo per il Sito, una qualsiasi, tipo MAXIMAGE (v.Mirko)(*), oppure VEGAS, direi le migliore e più semplici...

... quando l'avrai fatto, postane il LINK qui, e poi si vedrà il da farsi, che sarà semplice ed immediato con il mio metodo del DIV_CUSTOM+IFRAME...

... se vedrò il LINK allora mi rivedrai per continuare...

.

(*) - se vuoi, contatta Mirko (Profilo), che l'ha presentato qui:    https://helpcenter.websitex5.com/post/21241

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nel pannello ESPERTO| Prima della chiusura di HEAD incolla questo codice:

<!-- controllo IFRAME elastico by KolAsim - INIZIO -->
<style> #div_iframe {position:absolute;top:0px;width:100%; z-index:2} </style>
<script>function h_iframeK(){
var ww =1600; // larghezza immagini;
var hh =833; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
<!-- controllo IFRAME elastico by KolAsim - FINE -->

... nel pannello ESPERTO| Prima della chiusura di BODY incolla questo codice:

<!-- DIV_CUSTOM + IFRAME elastico by KolAsim - INIZIO -->
<div id="div_iframe">
<iframe id="iframek" name="iframek" width="100%" height="480" src="http://provagery.altervista.org/wowslider.html" scrolling="no" frameborder="no" allowtransparency="true"> </iframe> </div>
<!-- DIV_CUSTOM + IFRAME elastico by KolAsim - FINE -->

...

... è una evoluzione di quello che hai usato, sempre mia idea, ma adatta per altri scopi...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Gerardo C.
http://provagery.altervista.org/ Kolasim puoi fare qualcosa?

si con wowslider direi che non è così complicato, ti crei la galleria con il programma e la implementi con le chiare istruzioni che riporta il programma (io ho utilizzato quelle) oppure puoi utilizzare l'esempio di KolAsim che ho testato ed è ottimo, devi provarci e poi eventualmente se hai problemi prova a chiedere .... 

Ler mais
Publicado em de Giancarlo B.
Marco S.
Marco S.
User

... ragazzi... è possibile con il metodo di kalos avere sempre il nostro slider in responsive....

perchè la mia home page www.mediacar.biz con lo slider che grazie a voi ho creato non si autoridimensiona... Grazie per aiuti.

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... dopo tanto insistere finalmente ti sei deciso a fare il modello responsive laughing per far funzionare ad hoc il mio codice...

... vedo che nella tua pagina funziona il resize, anche se non hai rispettato il rapporto proporzionale delle foto ed in più fai uso di uno slideshow incorniciato, che dovresti prendere in considerazione per adattare il codice...

.



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Si alla fine e molto semplice ed intuitivo... grazie.. ascolta non ho capito come devo fare per farlo diventare responsive lo slider.

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come ti ho detto, è già responsive, sia la pagina che lo slideshow; ...rivisto adesso e funziona...
(!anche se spunta una finestra bianca dal basso che non so se voluta da te con le opzioni del programma!)
... se non lo percepisci ridimensionando la finestra, allora aziona in quella pagina Ctrl+F5 per resettare la cache...
... le immagini sono 1920x800; ...il top dovrebbe essere a 130px, a la cornice è circa 55px, quindi ad hiframe dovresti aggiungere il valore 185 ...

... controlla e fai sapere ...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

come mai quando apro la pagina per la prima volta... vedo solo un pezzo di slider.. poi se ci clicco sopra si apre tutto...?

Ler mais
Publicado em de Marco S.
Marco S.
Marco S.
User

Anche la schermata bianca... non è voluta da me...

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per me è regolare...

...!... non hai seguito le mie ultime indicazioni...!... (come all'origine)

... per il quadro bianco devi vedere tu che impostazioni hai adottato per il contenuto della pagina...!...

... comunque azzardando potresti provare ad aggiungere nel tag style:   

#imContentContainer {position:relative;}

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

non ho seguito perchè non ho capito

 ‪ KolAsim ‪ ‪
... come ti ho detto, è già responsive, sia la pagina che lo slideshow; ...rivisto adesso e funziona... (!anche se spunta una finestra bianca dal basso che non so se voluta da te con le opzioni del programma!) ... se non lo percepisci ridimensionando la finestra, allora aziona in quella pagina Ctrl+F5 per resettare la cache... ... le immagini sono 1920x800; ...il top dovrebbe essere a 130px, a la cornice è circa 55px, quindi ad hiframe dovresti aggiungere il valore 185 ... ... controlla e fai sapere ...

non ho eseguito perchè non ho capito... scusa... dove devo modificare..?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... provvisoriamente sostituisci il codice che hai inserito in HEAD con quest'altro:

<style> #div_iframe {position:absolute;top:130px;width:100%; z-index:0} #imContentContainer {position:relative;background-color:red}</style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini;
var hh =800; // altezza immagini;
var hcornice=130+55; // top + 55 a seconda di quanto dichiarato per il top (130) e di quanto sia il bordo inferiore della cornice (55)
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww) + hcornice;
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>

... quando avrai fatto andrò a controllare, e poi aggiusteremo se del caso...

... dovrebbe apparire una sezione in ROSSO che poi ti farò eliminare...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Fatto la procedura che mi hai consigliato...Grazie

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... sembra OK ... ... ma!!!  hai cambiato impostazioni slideshow per cui valevano le modifiche...!...

... comunque, i valori hai capito quali sono e puoi personalizzarteli...

... per eliminare il colore ROSSO nel primo rigo elimina:

background-color:red

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Controlla ora se ti sembra ok.. anche il responsive..?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... 

... sarebbe meglio che provi ad inserire del contenuto nella pagina per valutare meglio, magari un testo e/o un'immagine, in modo da capire quella parte bianca come si comporta...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Fatto.. Guarda...

Ler mais
Publicado em de Marco S.
Marco S.
Marco S.
User

Ma come mai non mi appare subito a schermo intero quando vado sulla pagina...?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho capito cos'è che intendi dire adesso...

... comunque vedo che funziona bene...

... visto che adesso usi lo slideshow senza cornice, dove vedi questo codice:

var hcornice=130+55; 

... sostituiscilo per prova con quest'altro:

var hcornice=135;


.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

In fase di responsive... immagino che non si possa dire di non farmi visulizzare lo slider sotto a certi px? vero?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non so se ho capito, ma dovrebbe funzionare; ...prova...

... prima del tag di chiusura </style> incolla questa stringa  a seguito del codice precedente:

 @media screen and (max-width: 700px) {#div_iframe{display:none;}}

... cioè così:

     @media screen and (max-width: 700px) {#div_iframe{display:none;}} </style>


Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Cosi va bene.. quello che ho scritto:

<style> #div_iframe {position:absolute;top:130px;width:100%; z-index:0} #imContentContainer {position:relative}@media screen and (max-width: 700px) {#div_iframe{display:none;}}</style>
<script>function h_iframeK(){
var ww =1920; // larghezza immagini;
var hh =800; // altezza immagini;
var hcornice=135; // top + 55 a seconda di quanto dichiarato per il top (130) e di quanto sia il bordo inferiore della cornice (55)
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww) + hcornice;
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>

e quindi cosa fa ora?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... vedo che funziona;  con una finestra sotto ai 700 pixel scompare lo slideshow...

... al posto di 700 puoi mettere il valore che vuoi, per esempio 800, oppure 640, oppure 480 ...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

no no direi che cosi è perfetto..grazie mille davvero.. sei fortissimo.. meno male che ci sei tu...

Ascolta è possibile far comparire nel menu responsive una pagina che nel menu normale è nascosta...?

Ler mais
Publicado em de Marco S.
Marco S.
Marco S.
User

Kalos.... Ascolta è possibile far comparire nel menu responsive una pagina che nel menu normale è nascosta...?

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ne vale la pena, basta semplicemente realizzare il sito ad hoc...

... comunque se sei esperto, ci vuole poco, puoi applicare le regole di stile che vuoi e condizionarle come vuoi, per come hai già visto precedentemente, ... ed in più ti puoi documentare anche in ambiente jQuery e CSS3, ...ma appunto devi essere un po' esperto...

... pensandoci, forse faresti prima a nascondere con codice extra una voce del menu, e farla vedere con il media query come hai visto prima; ...adesso dipende da te...

... senza del programma purtroppo non posso dirti di più... 

.



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

"... pensandoci, forse faresti prima a nascondere con codice extra una voce del menu, e farla vedere con il media query come hai visto prima; ...adesso dipende da te..."

io avrei bisogno che nel menu responsive che appare magari sotto i 700px comparissero delle pagine che sono nascoste e e diciamo a schermo intero sono collegate tramite pulsanti immagine... vorrei che mi intrassero nel munù a tendina...?

come posso fare...? riesci ad aiutarmi...

Ler mais
Publicado em de Marco S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Marco S.
.. ... ...come posso fare...? riesci ad aiutarmi...
 ‪ KolAsim ‪ ‪
... non ne vale la pena, basta semplicemente realizzare il sito ad hoc... ... ... ... 

... devi saperti giostrare con le opzioni previste per la sezione responsive, semplicissime ed applicando una certa logica, oppure mettere i tuoi link nella pagina, più semplice del semplice....

... ti ho anche suggerito, se sei già esperto di informarti nel mondo jQuery e CSS3, e devi anche saper programmare, ma tutto questo lascia il tempo che trova...

...!... se sai di cosa si tratta, e te lo sai personalizzare e controllare con apposite condizioni, prova questo codice prima della chiusura di /HEAD:

<script>window.onload = function() { aggiungelinkK();} function aggiungelinkK() {LL=window.innerWidth;if(LL<700 ) { $('#imMnMnNode3').append('<a href="https://www.google.it/">link 1</a><br><a href="https://www.google.it/">LINK 2</a><br><a href="https://www.google.it/">L I N K  3</a>'); } } </script>

...!... non avendo io il Programma!! di più non posso dirti;  ... adesso dipende solo da te  e qui si è fuori tema di molto, e non ha a che fare con il programma...!...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Marco S.
Marco S.
User

Ok Grazie

Ler mais
Publicado em de Marco S.
Federico F.
Federico F.
User
Autor

Ciao Kolasim eccomi! scusa il ritardo nella risposta ma ho voluto impostare  il sito per farti vedere bene la problematica. 

Nella home all' indirizzo www.bissola.it trovi una galleria che pero' non so come adattare a tutto schermo.

Vorrei non utilizzare wowslider....come posso fare?

Ler mais
Publicado em de Federico F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... surprised ... pensavo che Marco fossi tu ... undecided ... laughing

comunque, vedo che la galleria è già responsive e si adatta nelle finestre piccole...

... se proprio vuoi la galleria a tutto schermo, devi adottare ed adattare! risorse esterne, come quella che ti avevo indicato o come quella di cui si è parlato precedentemente...

... puoi seguire il Tutorial  realizzato da Giancarlo,  qui(*): http://giancafoto.altervista.org/wowslider-v13/        ... ...

... oppure, semplificato,(mia vecchia idea), sempre nel Tutorial  di Giancarlo qua:   http://giancafoto.altervista.org/wowslider-v13-iframe/

(*) ... di questo, nel topic IDEA di Giancarlo ci troverai anche il progetto, qui:  https://helpcenter.websitex5.com/pt/post/157292

... il tutorial si basa per l'uso come intestazione, quindi per implementarlo nel corpo della pagina occorrerebbero altri accorgimenti...(**)

... se te la senti, e ti ci vuoi cimentare, devi:

1) - duplicare il progetto ed a questo togli la protezione copyright;

2) - in questa copia eliminare la galleria che hai in uso, ed al suo posto inserire un Oggetto Codice HTML alla cui cella ospite assegnerai il colore ROSSO;

3) - esportare questo progetto in una sottodirectory del sito chiamata "prova";

4) - realizzare con codici di terze parti (maximage, vegas, tympanus, sorgalla, cssslider, wowslider, ecc., quello che preferisci e che ricercherai in RETE), lo slideshow autonomo ed indipendente dalle pagine di WebSiteX5, e che invierai in rete nella sotto-sottocartella /prova/slideshow/ con tutti i files e cartelle a servizio, e posta il link di questa pagina html funzionante!;

... se ci tieni, è importante seguire questi punti...

... quando e se vedrò il link del progetto in /prova/ ed anche il link dello slideshow in /prova/slideshow/ ...ritornerò eventualmente per il prosieguo 

(**) - (considera che sono senza programmi e nè PC)...

.

ciao



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

@Federico F.

occhio alla voce "Home" nel menù che si sovrappone al logo

vedi allegato

Ler mais
Publicado em de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
 ‪ KolAsim ‪ ‪
... ... ... ... se proprio vuoi la galleria a tutto schermo, devi adottare ed adattare! risorse esterne, ... ... ... 

... Federico, mi è venuta un'altra idea per semplificare, fattibile perchè già confermata nella versione base tempo fa da Mirko...

... realizza la tua galleria con il programma, come quella che hai già fatto, in una pagina NASCOSTA e senza applicare la grafica,  e posta il link di questa pagina...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Federico F.
Federico F.
User
Autor

Ciao Kolasim ti allego il link su un sito che uso per fare le varie  prove. qui trovi la galleria:  http://www.mysitoweb.it

Giuseppe grazie mille  per la segnalazione!

Ler mais
Publicado em de Federico F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come detto prima, la galleria copiala in pagina 1 come unico oggetto della pagina, in alto quindi a tutta larghezza, e nelle proprietà della pagina non assegnare la grafica, cioè applica l'opzione Crea la Pagina senza applicare il Modello

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho visto adesso a tua pagina...

... in linea di massima hai fatto quanto serviva...

... scusami, ...ma, non potendo provare io che non ho il PC, dovresti fare un'altra modifica a questa pagina, cioè fare in modo che la larghezza della pagina sia maggiore di quella del sito, non so, 1600 - 1900 pixel, mi sembra che fosse possibile, vedi un  po' tu come ti verrebbe meglio, ed ovviamente estendere la galleria per tutta la larghezza...

... quando avrai fatto andrò a controllare la stessa pagina per vederne il comportamento alle varie risoluzioni inferiori e poter capire se compatibile con i miei codici...

.



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Mirko Boschetti
Marco S. Kalos.... Ascolta è possibile far comparire nel menu responsive una pagina che nel menu normale è nascosta...? qui un'esempio: http://www.mirboprova.altervista.org/topfull/ dal codice puoi vedere tutto...

... ciaooo! Mirko, ... dovremmo provare con uno slideshow proprio del programma... ...laughing ...te la senti di fare tu una pagina di prova a tutta pagine, 1920, come per le altre volte di cui ho approfittato..?... laughing ...wink... 

... così si capirà se fosse possibile integrare mio IFRAME elastico; ..ma proprio per togliere i dubbi, ...altrimenti poi si consiglierà nuovamente quello tuo che avevo suggerito nel primo post...

.

ciao



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Federico F.
Federico F.
User
Autor

Ciao KolAsim

1.in proprità della pagina ho spuntato " crea la pagina senza applicare il modello" e ho impostato la larghezza  a 1900 pixel

2. ho esposrtato le foto nella misura di 1900 e nella sezione "oggetto galleria" ho impostato come dimensioni massime 1900x600

...ma il risultato è che come vedi http://www.mysitoweb.it/pagina-1.html ...non si ottiene il risultato sperato...

peccato che i programmatori con questa nuova versione 13, non abbiano previsto una slide full screen come ora si usa...come si puo' fare? grazie

Ler mais
Publicado em de Federico F.
Giancarlo B.
Giancarlo B.
User
Federico F.
Ciao Kolasim eccomi! scusa il ritardo nella risposta ma ho voluto impostare  il sito per farti vedere bene la problematica.  Nella home all' indirizzo www.bissola.it trovi una galleria che pero' non so come adattare a tutto schermo. Vorrei non utilizzare wowslider....come posso fare?

Federico ho letto ora che NON vuoi utilizzare wowslider .... wink

Ler mais
Publicado em de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Federico F.
http://www.mysitoweb.it/pagina-prova.html  questo è il nuovo link dove ho inserito la gallery: come posso fare a estnderla a tutta la larghezza della pagina?

... la pagina l'hai allargata, però la galleria no! ...è rimasta con ampi margini vuoti lateralmente, e poi non mi sembra centrata...

... purtroppo non avendo il PC con i programmi mi posso basare solo su quello che che vedo, e sull'aiuto che mi puoi dare con le tue prove...

... quindi adesso in quella pagina vedi se puoi realizzare la galleria a tutta larghezza, e poi finalmente vedremo cosa e se sarà possibile fare...

.

ciao

PS:  Giancarlo, ciao, tu che puoi verificare, sai se è possibile fare la galleria nel programma a tutta larghezza in una pagina larga 1920 pixel ...?...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Federico F.
Federico F.
User
Autor

Buongiorno a tutti!

si Giancarlo, se fosse possibile,  vorrei provare a trovare  insieme a voi una soluzione alternativa a wowslider, cosi' da riuscire a fere tutto con il programma stesso.

Kolasim in realta con il mio  programma di grafica ho realizzato le grafiche epsortandole in larghezza 1920 pixel, le ho caricate nella galleria impostando prima come dimensione ìi massime 1900x100;in proprità della pagina ho spuntato " crea la pagina senza applicare il modello" e ho impostato la larghezza  a 1900 pixel...non capisco quale  passaggio posso aver saltato?

Ler mais
Publicado em de Federico F.
Giancarlo B.
Giancarlo B.
User
 ‪ KolAsim ‪ ‪
PS:  Giancarlo, ciao, tu che puoi verificare, sai se è possibile fare la galleria nel programma a tutta larghezza in una pagina larga 1920 pixel ...?...

 Ciao kol.., certo, al momento non riesco a fare prove, ma questo fine settimana posso verificare tranquillamente, vedo comunque dalla prova di Federico le immagini hanno una dimensione di 950px x 500px probabilmente è il massimo sfruttabile in quel contesto di template.  

Ler mais
Publicado em de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

... però a controllare bene la pagina ... mi sembra che l'oggetto galleria sia 1876px - 592px o sbaglio !!

Ler mais
Publicado em de Giancarlo B.
Federico F.
Federico F.
User
Autor

Chiedi scusa errore mio nell'esposrtazione delle immagini! ora sono corrette e funziona: la slide è a tutto schermo!

 http://www.mysitoweb.it/paginaprova.html

Ora i problemi sono 2:

1. come farla diventare responsive?

2. come inserirla in una fascia?

Ler mais
Publicado em de Federico F.
Giancarlo B.
Giancarlo B.
User

prova il metodo di kol.. che ho spiegato al link inviato..

Ler mais
Publicado em de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... mi dispiace, credevo che si potesse fare, ma vedo che la pagina non è proprio elastica, e risponde a regole fisse, cioè oltre a 960 pixel si espande troppo, e non sono in condizioni di editare...

... a questo punto, grazie per le prove che hai fatto, e credo proprio che il Tutorial di Giancarlo torni adatto allo scopo...

... non è difficile, al posto di wowslider si possono usare altri slideshow free, ... e nel caso di chiarimenti, non ti preoccupare, sia Giancarlo, che Giuseppe, Skeggia, Claudio e Mirko, quelli che si sono sempre prestati per questa cose, proporranno i loro suggerimenti per farti eventualmente capire i vari passaggi, che per altro sono già abbastanza chiari, ma nel caso chiedi pure, sarà più facile rapido di quanto si possa pensare...

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Kol ciao.  Poi metterò tutto online.  Io ho provato a creare una gallery con foto larghe 1920 px in una pagina nascosta alla quale non ho applicato il modello grafico e ho assegnato alla stessa pagina misure massime di 1920 px.  Ma succede questo: la gallery naturalmente in questa pagina non è responsive per cui si vede una parte delle foto e per vedere la restante parte sotto c'è la barra di scroll che trascinata verso destra fa "muovere"  le foto verso sinistra e dovrebbe in realtà far vedere l'altra parte delle foto che va oltre la dimensione dello schermo.  Invece no!  La restante parte "oltre schermo"  NON ESISTE.  Viene tagliata.  Non c'è.  Le foto si vedono quindi in parte,  la parte non visibile,  quando la si prova a vedere usando la barra di scroll,  non appare ma si vede uno spazio bianco al posto della restante parte di foto. Per cui se poi con il tuo codice dell'iframe elastico richiamo quella pagina in home,  le foto della gallery si adattano allo schermo ma SENZA QUELLA PARTE CHE già mancava originariamente  come ti ho descritto prima. Quindi la gallery è impresentabile con queste foto che hanno una parte "mancante"...  Strano perchè con la 12 non avveniva questo "taglio".  Questo è quello che accade a me.  Aspetto riscontri,  conferme o smentite.  Grazie. 

P. S.  A brevissimo pubblico tutto online così si capisce tutto molto meglio

Ler mais
Publicado em de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao Giuseppe, grazie per i tuoi riscontri, che avevo intuito dall'ultimo precedente link, e che mi ha fatto recedere dagli esperimenti, trovando difficoltà ad un controllo totale; ... forse si potrebbe intervenire a monte, nel progetto, per controllare le misure delle immagini, ma senza strumenti mi posso basare solo su quello che vedo; ...sarebbe stato bello poter far uso dello slideshow interno...

... penso che con la v.13_PRO si potrebbe forse! controllare un po' meglio il comportamento dello slideshow, essendoci a disposizione 10 breakpoint, ma tutto sta nello sperimentare per chi lo può fare...

... comunque, a questa stregua, e per come hai dimostrato diverse volte anche tu, l'implementazione di uno slideshow esterno non sarebbe difficile, e forse anche meglio per non appesantire il progetto...

.

ciao

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Di nulla Kol... questo è il link della slideshow creata con le sole funzioni di Website X5 Pro 13 e con iframe elastico (KolAsim). Il tuo iframe con le slide esterne funziona alla perfezione:

http://www.ggweb70.altervista.org/provaslide

Ma come vedi la slide ha le foto tagliate perchè è così che sono originariamente nella pagina di 1920px alla quale non ho applicato il modello grafico (e le foto sono tutte da 1920x750px). La slide si adatta solo ad alcuni breakpoint (infatti si riescono a leggere tutte le scritte contenute nelle foto, ma se si sta a schermo pieno, almeno a me su un Portatile con schermo da 1366 px, le foto risultano tagliate sulla destra).

qui c'è il link di un filmato da scaricare che ti fa rendere conto come effettivamente vengono fuori le foto da 1920x750px nella pagina alla quale non viene applicato il modello grafico con dimensioni massime assegnate di 1920px (filmato di circa 11,5 MB)

Filmato: https://we.tl/Htqr4Be397

Ciao e grazie per l'attenzione

Ler mais
Publicado em de Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

@giuseppe: sul mio 1920 la slide risulta perfetta...

Ler mais
Publicado em de Skeggia 12
Giuseppe Guida
Giuseppe Guida
User

P.S. Con la slide creata con le sole funzioni di website x5 un altro "problema" è poi l'enorme spazio che viene a crearsi tra il bordo inferiore della slide e il contenuto pagina al RESIZE della finestra del Browser (vedi allegato) e questo, se non ricordo male accadeva, anche con i vecchi esempi di Mirko riferiti alla versione 12.

Con la 12 però nella pagina alla quale non veniva applicato il modello grafico e si davano dimensioni massime, la slide appariva PER INTERO scrollando orizzontalmente con la barra di scroll (le feci anche io quelle prove). Con al 13 purtroppo la slide viene tagliata, sempre che non sia io a sbagliare qualcosa.

Credo sia tutto. Passo e chiudo wink

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Ciao Skeggia... ah bene... quindi... che vuol dire? Che io non vedo la slide per intero (hai visto il filmato?) solo perchè non ho un monitor da 1920 px? Parlo sempre della slide inserita nella pagina alla quale non viene applicato il modello grafico e con dimensioni massime di pagina di 1920px (vedi foto allegata se non vuoi scaricare il filmato). Ma perchè viene tagliata allora se scrollo orizzontalmente con la barra di scroll? Dovrei poter vedere per intero la foto allo scroll orizzontale ma NON AVVIENE e non avviene neanche nell'anteprima del mio esempio ONLINE sul mio monitor da 1366px: la foto è tagliata anche nell'esempio online.

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

E questo è lo screenshot di ciò che IO vedo online sul mio schermo da 1366.

Tu invece vedi tutto perfetto a 1920 px (che è la larghezza delle foto utilizzate nella slide ed anche la larghezza della pagina senza modello grafico).

Ler mais
Publicado em de Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

ciao giuseppe, in effetti la pagina senza modello da problemi... le foto risultano tagliate... e penso dipenda dalla gestione dei breakpoint, in quanto ridimensionando la finestra fino a poco più di metà schermo (credo intorno a 1000px) le foto restano tagliate, poi restringendo ancora, iniziano a ridimensionarsi correttamente (penso sul breakpoint 960?)... la home page risulta perfetta, senza barra di scorrimento orizzontale...

Ler mais
Publicado em de Skeggia 12
Giuseppe Guida
Giuseppe Guida
User

In sintesi: la slide creata con Website X5 ed inserita in pagina nascosta richiamata con iframe elastico di Kol nella home, a me non si adatta in larghezza su schermo da 1366px e viene quindi "tagliata" sulla destra, però si adatta (in parte perchè ci sono sempre dei margini ai lati) alle risoluzioni inferiori a 1366px.

Invece come riscontrato da Skeggia, sul monitor da 1920px le foto sono "integre". Forse Kol capirà dove risiede il problema e probabilmente ci sarà da adattare l'iframe elastico alle slide create con Website x5. Penso sia lì la soluzione ma largo agli esperti a questo punto wink

Grazie per il riscontro Skeggia. Buona giornata

Ler mais
Publicado em de Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

riguardo allo spazio sotto la slide a risoluzioni inferiori che aumenta, io vedo sulla versione 1920 uno spazio ampio in origine, mentre nel tuo filmato il testo parte quasi attaccato alla slide... chiaro che così scendendo di risoluzione lo spazio sembra tantissimo... (FireFox 49.0.2)...

Ler mais
Publicado em de Skeggia 12
Giuseppe Guida
Giuseppe Guida
User

Skeggia, ho letto... quindi mi confermi anche tu che "la pagina senza modello da problemi... le foto risultano tagliate...".

Ok, grazie ancora

Ciao ciao

Ler mais
Publicado em de Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

si, ti ripeto, forse dipende dalla gestione dei breakpoint, perchè poi scendendo ancora, si sistema...

Ler mais
Publicado em de Skeggia 12
Giuseppe Guida
Giuseppe Guida
User

Si, quello spazio tra bordo inferiore slide e contenuti pagina non è costante come quando si inserisce una slide esterna con il metodo di Kol, ed in effetti è brutto da vedere. Io uso le slide create con programmi di terze parti e le integro perfettamente con il metodo di Kol e quello spazio che aumenta o diminuisce non c'è e rimane costante. 

Ler mais
Publicado em de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

@Kol, la slide creata con Website X5 ha altezza di 750px nella pagina senza modello grafico ma se nel tuo codice inserisco var hh =750 la slide viene ridotta di molto in altezza nell'anteprima.

Ler mais
Publicado em de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao, ho visto gli sforzi che stai/state facendo... ...il risultato sembra lì lì... ...ma non lo è purtroppo...

... penso che, come precedentemente accennato, coni 10 breakpoint della versione PRO forse qualcosa di meglio si potrebbe ottenere, e certamente nelle posizioni intermedie potrebbe crearsi sempre un minimo margine...

... Giuseppe, hai detto che con a v.12 la galleria si estendeva bene; ...penso che adesso possa dipendere anche dalle imagine che prendono una misura definita e non propriamente elastica...

... forse si potrebbe correggere questo comportamento con jQuery, ma non posso assolutamente provare...

... se te la senti, prova ad assegnare tutti i breakpoint possibili, e togliendo per prova possibili altri controlli di impaginazione, oppure fare un progetto a parte in sottodirectory...

.

ciao



Ler mais
Publicado em de  ‪ KolAsim ‪ ‪