ShowBox
Auteur : Scandiuzzi Andrea
Visité 1226,
Followers 2,
Partagé 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
Posté le
... 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
.
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
Auteur
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.
Hai semplicemente provato a ricreare questi 3 collegamenti? Anche possibile che sia stata caricata male questa pagina sul web?
Fammi sapere.
Auteur
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
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
... 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...!...
.
Auteur
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
... 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 ...
.
... aspetto che dovresti ottenere (1), ed eventuali varianti extra:
.
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.
Auteur
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.
...!... non lo vedo...!... ... ...comunque meglio seguire la prassi normale detta da Steve che funziona senza problemi, ...facendo dei nuovi Test su progetti Nuovi...
.
Auteur
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
... 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...
.
Auteur
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......
.
Auteur
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
... 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>
.
.
Auteur
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.
... 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...
.
.
... 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...
.
Auteur
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
Riporto il post per comodità, anche privato https://helpcenter.websitex5.com/fr/post/226736
Incredibile quanto sia banale ma difficile da trovare...
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!
... ++ ... ...
.
Auteur
Ok. Perfetto! Speriamo che in uno dei prossimo aggiornamenti questo limite venga superato.
Grazie a tutti