Content Slider fullscreen
Автор: Giancarlo B.
Просмотрено 1182,
Подписчики 3,
Размещенный 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.
Размещено
Ciao Giancarlo,
perdona l'intrusione e curiosità, che state cercando di fixare?
Автор
Nessuna intenzione figurati Gabriele.
Una curiosità in riferimento a questo Post
https://helpcenter.websitex5.com/ru/post/256376
Автор
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
.
Автор
perfetto Kol come sempre!!!
Автор
esatto come in questo caso con header trasparente
https://www.giancafoto.it/
Автор
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...
.
Автор
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