Content Slider fullscreen 
Autore: Giancarlo B.
Visite 1185,
Followers 3,
Condiviso 0
Ciao KolAsim, ho approntato al volo questa sito test che trovi all'indirizzo sotto:
https://toolsshop.altervista.org/content-slider/
Grazie Giancarlo.
PS: lascerò il test a disposizione.
Postato il
Ciao Giancarlo,
perdona l'intrusione e curiosità, che state cercando di fixare?
Autore
Nessuna intenzione figurati Gabriele.
Una curiosità in riferimento a questo Post
https://helpcenter.websitex5.com/it/post/256376
Autore
Intrusione il correttore
Oh grazie per il chiarimento! Avevo visto l'uscita di nuovi oggetti e mi ero incuriosito.
Vediamo che dice il buon KolAsim!
... OK ... grazie Giancarlo dell'esempio, ed ecco il codice rispetto alla struttura attuale:
<script>
//--------------f--K-----------------------
$( document ).ready(function() {//K>
fullscreenK()
}); //K<<
//--------------f--K1-----------------------
$( window ).resize(function() {//K1>
setTimeout(function(){ //K2>
fullscreenK()
}, 1000); //K2<<
});//K1<<
//--------------f--K3-----------------------
function fullscreenK() { //K3>
hK = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
hhK=$("#imHeader").height();
$("#imCell_77,#imCell_77 div").css("max-height",hK-hhK);
$("#imCell_77").css("width","100%");
} //K3<<
</script>
...
.
... un variante permetterebbe di portare lo slider al top con header semitrasparente...
.
ciao
.
Autore
perfetto Kol come sempre!!!
Autore
esatto come in questo caso con header trasparente
https://www.giancafoto.it/
Autore
nel caso io mettessi il codice per spostare il margine della pagina sotto all'header dovrei compensare il codice dei 100px di quest'ultimo
margin-top: -100px !important;
... il mio codice calcolerebbe dinamicamente...
... non potendo generalizzare, se riesci a preparare un esempio semplice con sildeshow (2-3 img) per le freccette di Vincenzo e con piccola animazione dei contenuti si potrebbe valutare meglio...
> possibilmente con header già impostato in semitrasparenza senza codice...
.
Autore
ok non so se ho inteso bene prova a questo link:
https://toolsshop.altervista.org/content-slider/header-trasp.html
.... sono fuori, ... a domami. ... ciao
... OK, ...perfetto per la semitrasparenza (non so se forse si potrebbe assegnare anche da programma)...
... ...ed ecco il codice per questa tua struttura, (con contenuti, frecce ecc. giustificati):
<script>
//--------------f--K-----------------------
$( document ).ready(function() {//K>
fullscreenK()
}); //K<<
//--------------f--K1-----------------------
$( window ).resize(function() {//K1>
setTimeout(function(){ //K2>
fullscreenK()
}, 1000); //K2<<
});//K1<<
//--------------f--K3-----------------------
function fullscreenK() { //K3>
hK = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
hhK=$("#imHeader").height();
$("#imCell_78,#imCell_78 div").css("max-height",hK);
$("#imCell_78").css("margin-top",-hhK);
} //K3<<
</script>
...................................
ciao