WebSite X5Help Center

 
Scandiuzzi Andrea
Scandiuzzi Andrea
User

ShowBox  it

Autore: Scandiuzzi Andrea
Visite 1042, Followers 2, Condiviso 0  

Salve, dopo l'ultimo aggiornamento, mi sono accorto che caricando una immagine verticale nel ShowBox, mi crea un'area credo quadrata, nella quale si vede l'immagine ingrandita sulla sinistra e uno spazio vuoto sulla destra...

Vi chiedo notizie... vedi in calce alla pagina http://www.anatreviso.it/arcade.html

Grazie e cordiali saluti.

Andrea Scandiuzzi

Postato il
27 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... si nota su PC (*)...
... invece sullo smartphone ha comportamento completamente diverso, cioè immagine ingrandita nella finestra showbox...
... inoltre devi controllare e regolare nei vari breakpoint gli oggetti che hai inserito in HEADER, in quanto alterano il layout orizzontale nelle risoluzioni inferiori...
---
(*) ... per quanto riguarda l'allineamento a sinistra che hai segnalato e che si nota sul PC come ho rilevato, nell'attesa che gli esperti ti facciano sapere qualcosa, e solo se ti interessa provarci(**), si potrebbe tentare con un intervento EXTRA e nel caso avvisa...
(**) ... altrimenti come non detto, ignora questo mio Post, non c'è bisogno di rispondere, e resta pazientemente in attesa dello STAFF, probabilmente dal prossimo Lunedì in poi, per se del caso la presa in carico dell'eventuale problema...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Incomedia
Steve J.
Incomedia

Ciao Scandiuzzi,

ho guardato il codice della pagina, ma sembra che tu non abbia usato il link corretto. Per ottenere quello che chiedi dovresti creare un collegamento con File o Url attivando lo Showbox. Prova a controllare se è questo

Leggi di più
Postato il da Steve J.
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Salve. Preciso che, come ho sempre fatto, ho inserito nella pagina l'oggetto immagine, caricata quella del caso e poi inserito "Collegamento... con Showbox, dove chiede nuovamene l'immagine e consente solo di modificare le dimensioni, cosa che, appunto per le immagini, non ho mai fatto perchè si ridimensiona automaticamente..

Ho controllato alcuni dei Showbox caricati prima di questo (con la medesima procedura) e funzionano regolarmente.

Grazie.

Leggi di più
Postato il da Scandiuzzi Andrea
Incomedia
Steve J.
Incomedia

Hai semplicemente provato a ricreare questi 3 collegamenti? Anche possibile che sia stata caricata male questa pagina sul web?

Fammi sapere.

Leggi di più
Postato il da Steve J.
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Si, ho provato a ricrearli con lo stesso effetto che mi fa sia sul web che in anteprima sul pc. In pratica crea uno showbox quadrato della dimensione del lato maggiore dell'immagine.

Grazie. Un saluto

Leggi di più
Postato il da Scandiuzzi Andrea
Incomedia
Steve J.
Incomedia

Ciao, facciamo così:

crea un progetto vuoto e prova a creare la stessa cosa per vedere se funziona.
Immagino di si, dato che io ho già provato, quindi apri il tuo progetto, copia la pagina in questione, apri il progetto vuoto e incolla la pagina. Se non va, mandami il progetto qui almeno cerco di indagare.

Grazie

Leggi di più
Postato il da Steve J.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ciao Steve, ... se posso aiutarti ad indagare, vedo che il problema (allineamento a sinistra), nonostante quanto detto e se ottemperato correttamente, persiste sul mio PC (obsoleto)  ma con Firefox ancora valido...
... da quel che posso capire, si cerca di fare aprire nello ShowBox direttamente un file Immagine...
... ecco, quello che vedo è che viene creata dinamicamente una pagina HTML EXTRA in IFRAME per incorporare il TAG <IMG>, e noto che in questa pagina manca l'attributo <center> o il più corretto tag stile in HEAD:
<style> body { text-align:center} </style>
... con questo TAG il problema di questo Topic secondo me si potrebbe risolvere...
... (+) ... ora come ora, fermo restando la situazione attuale, il problema potrebbe essere risolto anche con questo codice EXTRA nella sezione /HEAD:
$( document ).ready(function() { $( "div[id^='imObjectImage_96_'] a" ).click(function() { setTimeout(function(){
$('#imShowBox > div > iframe').contents().find("head").append($("<style> * {text-align:center; background-color:transparent} </style>"));}, 3000); });}); 
... [ritardo di 3 secondi | 3000] ... spero che quanto detto possa tornare utile per eventualmente indirizzare lo staff tecnico...
... ciao, buon lavoro e buon proseguimento...

.

...!... ci sarebbe anche da sistemare HEDER e FOOTER i cui contenuti debordano dal layout e/o si pasticciano in alcune risoluzioni inferiori, creando anche lo scroll orizzontale...!...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Salve, ho provato a fare qualche prova sia un nuovo sito che in altre pagine del sito interessato; ho provato a inserire il codice suggerito, ma forse non ho neanche capito bene dove... insomma, il risultato non è cambiato.

Scusatemi ma come vedete stò facendo il sito per una associazione e non sono un esperto... se devo inviare il progetto indicatemi come (trasfer? a che mail...).

Grazie ancora

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

 ... il precedente codice è mirato per la pagina cui il precedente tuo LINK, ed è in questa che dovresti provare...
... il codice va incollato nelle Proprietà della Pagina |  sezione Esperto | Codice Personalizzato | 3^ opzione > Prima della chiusura del TAG /HEAD
...lo riporto nuovamente qui completo di TAG:

<script> $( document ).ready(function() { $( "div[id^='imObjectImage_96_'] a" ).click(function() { setTimeout(function(){
$('#imShowBox > div > iframe').contents().find("head").append($("<style> * {text-align:center; background-color:transparent} </style>"));}, 3000); });}); </script>

.

... eventualmente posta anche il LINK dell'altra pagina da controllare ...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... aspetto che dovresti ottenere (1), ed eventuali varianti extra:

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Incomedia
Steve J.
Incomedia

Ciao, penso che la soluzione migliore sia quello che ti ho suggerito sopra:

crea un progetto vuoto e prova a creare la stessa cosa per vedere se funziona.
Immagino di si, dato che io ho già provato, quindi apri il tuo progetto, copia la pagina in questione, apri il progetto vuoto e incolla la pagina. Se non va, mandami il progetto qui almeno cerco di indagare.

La funzione che cerchi viene fatto in automatico, senza necessità di codice. Non è che hai messo tu del tuo codice. In effetti, come anche visto da KolAsim, nelle visualizzazioni inferiori a quella desktop il footer si sovrappone ai contenuti...

Provando con un nuovo progetto "pulito" verifichi subito.

Leggi di più
Postato il da Steve J.
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Salve, ho di nuovo provato a creare un sito nuovo, una pagina nuova nel sito, inserire il codice proposto (l'avevo già fatto ma avevo il dubbio di averlo inserito nel posto sbagliato), ma in tutti le prove il risultato non cambia. Io non ho inserito nessun codice mio. Semplicemente, dopo l'ultimo aggiornamento, ho inserito le tre immagini collegandole allo showbox come ho sempre fatto pe tutte le altre, e mi è venuto così.

Vi ringrazio per la pazienza.

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Scandiuzzi A.
... ... il codice proposto (l'avevo già fatto ma avevo il dubbio di averlo inserito nel posto sbagliato), ma in tutti le prove il risultato non cambia.... ... 

...!... non lo vedo...!... ... ...comunque meglio seguire la prassi normale detta da Steve  che funziona senza problemi, ...facendo dei nuovi Test su progetti Nuovi...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Il codice non lo vedevi perchè fatta la prova con esito negativo, l'avevo cancellato. L'ho rimesso e pubblicato (ora puoi vederlo) senza nessun risultato, come nessun risultato l'ho ottenuto facendo tutte le prove sugerite: ho creato un sito nuovo, ho provato a creare una nuova pagina nel sito interessato e, ancora, ho provato in una diversa pagina del sito. Lo showbox appare sempre in formato abagliato.

Tutti gli altri showbox che ci sono nel sito, e sono diversi, funzionano regolarmente; si ridimensionano automaticamente sull'immagine e aprendoli appaiono al centro del monitor nelle dimensioni da esso consentite che poi si possono aumentare. Grazie

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Scandiuzzi A.
... ... L'ho rimesso e pubblicato (ora puoi vederlo) senza nessun risultato, ... ... ... 

... non direi proprio; ... almeno sul mio Firefox; ... io vedo adesso che il mio codice funziona a regola per come avevo immaginato e presunto; ...immagine centrata nello showbox esattamente come nei miei precedenti STAMP...
... il ritardo di 3 secondi lo puoi diminuire se vuoi come avevo detto prima...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Il codice, come puoi vedere nello screen allegato c'è, l'ho inserito dove mi è stato indicato, sulla pagina in questione... o va messo da qualche altra parte?

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Scandiuzzi A.
Il codice, come puoi vedere nello screen allegato c'è, l'ho inserito dove mi è stato indicato, sulla pagina in questione... o va messo da qualche altra parte?

... si evince da quel che ho detto prima...
... lo hai inserito nella sezione corretta e funziona a regola; ...come puoi constatare anche tu dal tuo LINK...wink...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Ti ringrazio per la tua pazienza, ma confermo che funziona solo in parte, nel senso che porta l'immagine al centro, ma con spazi vuoti lateralmente e grande in modo che esce dal monitor.

Diversamente, in tutti quelli creati precedentemente all'ultimo aggiornamento del programma, lo schowbox si apre al centro della videata, rimane interamente entro lo schermo e puoi ingrandirlo con gli appositi comandi, e si adatta perfettamente alla forma dell'immagine verticale. Vedi, ad esempio quelli che ci sono in questa pagina http://www.anatreviso.it/vetrina.html 

Se non c'è altro modo, cercherò di inserire sol immagini orizzontali e aspetterò il prossimo aggiornamento sperando che quello che secondo me è un funzionamento non regolare (almeno rispetto ai precedenti), si possa risolvere.

Eventualmente, il codice che mi avete suggerito, va inserito in ogni pagina che creerò in futuro che contenga degli showbox?

Vi ringrazio e saluto

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Scandiuzzi A.
... ... ... ... ...  Vedi, ad esempio quelli che ci sono in questa pagina http://www.anatreviso.it/vetrina.html ... ... ... 

... devi impostare le stesse opzioni di questa pagina che hai linkato; ...se non ti ricordi come avevi fatto, copia ed incolla gli oggetti da un pagina all'atra, e poi sostituisci le immagini...

... altrimenti, per accomodare, puoi sostituire  il mio precedente codice con questo:

<style> #imShowBox {background:transparent!important;padding:0px !important} </style>
<script> $( document ).ready(function() { $( "div[id^='imObjectImage_96_'] a" ).click(function() { setTimeout(function(){
$('#imShowBox > div > iframe').contents().find("head").append($("<style> * {text-align:center; background-color:transparent;overflow:hidden} img {border: solid 5px white; height:96% }}</style>"));}, 3000); });});</script>

.

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Sei gentilissimo e vorrei chiudere, ma devo fare queste precisazioni. Ho inserito il nuovo codice che mi hai proposto e il problema si è in qualche modo ridotto nel senso che lo showbox si ridimensiona correttamente sull'immagine, anche se con qualche secondo di ritardo (è possibile correggerelo?) ma senza che appaia, in alto a destra, anche il pulsante per l'ingrandimento e successivamente anche per il ridimensionamento che si vedono correttamente sul secondo link che ti ho inviato. Ti assicuro, peraltro, che nel caricamento delle immagini con lo showbox ho usato esattamente la stessa procedura di sempre e non ho modificato nessun parametro (ho provato a dare un'occhiata), per cui, a mio modestissimo avviso, a questo punto, se è un problema solo mio, potrebbe trattarsi di un difetto di installazione dell'aggiornamento del programma nel mio PC (è possibile?).

Vedrò, come ho già detto, se magari con un prossimo aggiornamento si sistemerà il tutto. Grazie.

Leggi di più
Postato il da Scandiuzzi Andrea
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Scandiuzzi A.
... ...  anche se con qualche secondo di ritardo (è possibile correggerelo?) ... ... 

... si è possibile, ma devi valutare il tempo minimo affinché il codice possa essere attivato...

... adesso il ritardo che vedi nel codice è di 3 secondi (3000) millesimi; ...prova con 1.5 secondi (1500) millesimi...

... come già sai, non ho il PC e neanche il programma, ma quello che ho notato di differenza tra le due pagine, è che in quella che ti funziona lo showbox assegna come TYPE "image", ed invece in quella che non funziona assegna come TYPE "iframe", ed è in questo che interviene il mio codice...

... il perchè della differenza da dove provenga non posso saperla, ma sicuramente sta nelle impostazioni adottate...

... non ti costa niente; ...prova  a fare come avevo detto prima: copia/incolla l'oggetto da un pagina all'altra, e poi sostituisci l'immagine; ...sarebbe meglio di usare il codice...

... puoi fare anche le prove con delle copie/duplicati di sicurezza...

.

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... prova ad aprire un Argomento nuovo in modalità PRIVATA, e metti il LINK di condivisione di WeTransfer  del tuo file IWZIP, in modo che lo SATFF possa visionarlo; ...facendo riferimento a questo Argomento...

.

... qui in seguito sarebbe gradito se farai sapere del risultato che otterrai...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Ho fatto anche questa prova. Ho copiato l'oggetto immagina da una pagina con showbox funzionante regolarmente e si è aperto regolarmente fonchè ho lasciato l'immagine originale; quando ho cambiato l'immagine caricando quella che mi serviva, è tornato il malfunzionamento.

Come indicato, ho aperto una nuova discussione verso lo STAFF indicando il link per scaricare il file IWZIP del progetto. Ti faccio sapere. Grazie

Leggi di più
Postato il da Scandiuzzi Andrea
Incomedia
Steve J.
Incomedia

Incredibile quanto sia banale ma difficile da trovare... wink

Innanzitutto volevo dirti che puoi di usare il collegamento con File o URL al posto della Galleria visto che c'è una sola immagine. Ma questo non cambia, giusto perché l'ho notato.

Basta rinominare l'estensione del file da .jpeg e .jpg. Lo ShowBox non riconosce il .jpeg come immagine e lo tratta come se fosse un documento (es: pdf).

In effetti penso che sia corretto che tratti anche i file jpeg oltre ai jpg come immagine.

Per adesso risolvi in questo modo, intanto segnalo questo post. Grazie! 

Leggi di più
Postato il da Steve J.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Steve J.
... ...  Basta rinominare l'estensione del file da .jpeg e .jpg. ... ... ... ...

...  ++ ... wink...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Scandiuzzi Andrea
Scandiuzzi Andrea
User
Autore

Ok. Perfetto! Speriamo che in uno dei prossimo aggiornamenti questo limite venga superato.

Grazie a tutti

Leggi di più
Postato il da Scandiuzzi Andrea