WebSite X5Help Center

 
Stefano L.
Stefano L.
User

Galleria e Scorrimento Pagina  it

Autor: Stefano L.
Besucht 1287, Followers 1, Geteilt 0  

Buongiorno,

in modalità smartphone, per evitare che scorrendo la pagina contenente una galleria, lo scorrimento della pagina non funzioni a dovere ho inserito il codice proposto da @KolAsim:

<style> @media (max-width: 719px) {#imObjectGallery_20_02:before { content:"";position:absolute;width:100%;height:100%;top:0px;z-index:10;opacity:0;}} </style>

Non ottengo il risultato voluto, nel senso che scorrendo la pagina dove è situato un oggetto galleria, lo scorrimento si blocca e invece scorrono le immagini della galleria...

potete verificare qui da smartphone

NOTA: è possibile risolvere questo problema mantenendo anche la funzionalità di scorrimento orizzontale delle immagini contenute nella galleria?

Grazie

Gepostet am
9 ANTWORTEN - 5 NüTZLICH - 1 KORREKT
Stefano L.
Stefano L.
User
Autor

Mentre in questa pagina ottengo il risultato corretto dello scroll della pagina (che non si blocca sulla galleria) ma scorrendo sulla galleria orizzontalmente le immagini non scorrono e sono solamente in modalità scorrimento automatico...

Mehr lesen
Gepostet am von Stefano L.
Giuseppe Guida
Giuseppe Guida
User

Stefano, è una cosa fastidiosissima, poco moderna e confusionaria per chi naviga il sito. La stiamo segnalando da anni. Insistiamo con le segnalazioni e i Post Idea sperando che prima o poi qualcuno di Incomedia ci ascolti.

Mehr lesen
Gepostet am von Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL
Stefano L.
...#0 ... ... ... ... Non ottengo il risultato voluto, nel senso che scorrendo la pagina dove è situato un oggetto galleria, lo scorrimento si blocca e invece scorrono le immagini della galleria... ... ... 

... ... devi usare il selettore corretto:  >> #imObjectGallery_22_02

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Stefano L.
Stefano L.
User
Autor

Ciao, si ho visto che go sbaglito selettore, se vai in COLLABORAZIONI ottengo il risultato del mio secondo post delle 13:07.05 e le imma nella galleria non scorrono orizzontalmente se non automaticamente....


 ‪ KolAsim ‪ ‪
Stefano L. ...#0 ... ... ... ... Non ottengo il risultato voluto, nel senso che scorrendo la pagina dove è situato un oggetto galleria, lo scorrimento si blocca e invece scorrono le immagini della galleria... ... ...  ... ... devi usare il selettore corretto:  >> #imObjectGallery_22_02
Mehr lesen
Gepostet am von Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL
Stefano L.
... ... le imma nella galleria non scorrono orizzontalmente se non automaticamente.... ... ... 

... certamente, ...altrimenti il mio codice non avrebbe senso...
... il tutto potresti evitarlo semplicemente prevedendo un adeguato margine laterale...

... per chiuderla qui e fine a se stessa,  ...per la pagina provatest/gallery.html  volendo puoi prova quest'altra mia invenzione che crea un vignettatura per lo scroll della pagina, ma che lascia libera una certa area della sezione centrale e l'area delle miniature per il proprio scroll...
... lo hanno adottato, oltre al precedente codice, diversi utenti che lo hanno saputo capire e valutare...

<script> function innerK(){
$("#imCell_2").append("<div class='K' style='display:none;position:absolute;width:100%;height:20%;z-index:10;top:0px;'> </div><div class='K' style='position:absolute;width:100%;height:20%;z-index:10;bottom:100px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;left:0px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;right:0px;'> </div>"); }
$( window ).resize(function() {if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}});
$( document ).ready(function() { innerK(); if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}}); 
</script>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Kol io apprezzo molto le tue "invenzioni", spesso risolvono davvero tante inefficienze del software, ma una volta tanto vorrei una bella INVENZIONE di Incomedia che risolva una volta per tutte questa cosa wink Il tuo codice/i l'ho provato/i anche io qualche mesetto fa ma purtroppo non rende comunque lo scorrimento intuitivo perchè se poggi il dito da una certo punto in poi le foto scorrono, da un altro punto in poi non scorrono. L'altro codice le fa scorrere solo se tale scorrimento è automatico. Se risolvesse Incomedia sarebbe cosa migliore per tutti e davvero tantissimo gradita dopo anni e anni e anni di richieste insistenti.

Mehr lesen
Gepostet am von Giuseppe Guida
Stefano L.
Stefano L.
User
Autor

Ok, grazie ti farò sapere il mio parere!

 ‪ KolAsim ‪ ‪
Stefano L. ... ... le imma nella galleria non scorrono orizzontalmente se non automaticamente.... ... ...  ... certamente, ...altrimenti il mio codice non avrebbe senso... ... il tutto potresti evitarlo semplicemente prevedendo un adeguato margine laterale... ... per chiuderla qui e fine a se stessa,  ...per la pagina provatest/gallery.html  volendo puoi prova quest'altra mia invenzione che crea un vignettatura per lo scroll della pagina, ma che lascia libera una certa area della sezione centrale e l'area delle miniature per il proprio scroll... ... lo hanno adottato, oltre al precedente codice, diversi utenti che lo hanno saputo capire e valutare... <script> function innerK(){ $("#imCell_2").append("<div class='K' style='display:none;position:absolute;width:100%;height:20%;z-index:10;top:0px;'> </div><div class='K' style='position:absolute;width:100%;height:20%;z-index:10;bottom:100px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;left:0px;'> </div> <div class='K' style='position:absolute;width:20%;height:70%;z-index:10;right:0px;'> </div>"); } $( window ).resize(function() {if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}}); $( document ).ready(function() { innerK(); if($( window ).width() <=480 ) {$( ".K" ).show();}else{ $( ".K" ).hide();}});  </script> .
Mehr lesen
Gepostet am von Stefano L.
Stefano L.
Stefano L.
User
Autor

Buonasera a tutti, ho optato per l'aumentando dei margini per aumentare la possibilità di scorrimento, anche perchè con l'utilizzo di questi codici non son riuscito ad utilizzare lo show box.

Attendiamo un implementazione futura a WS!

Mehr lesen
Gepostet am von Stefano L.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats PL

... infatti è quello che ovviamente ti avevo già detto...

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪