Content Slider fullscreen
Autor: Giancarlo B.
Visitado 1250,
Seguidores 3,
Compartilhado 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.
Publicado em
Ciao Giancarlo,
perdona l'intrusione e curiosità, che state cercando di fixare?
Autor
Nessuna intenzione figurati Gabriele.
Una curiosità in riferimento a questo Post
https://helpcenter.websitex5.com/pt/post/256376
Autor
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
.
Autor
perfetto Kol come sempre!!!
Autor
esatto come in questo caso con header trasparente
https://www.giancafoto.it/
Autor
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...
.
Autor
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