CONTENT SLIDER 3
RESPONSIVE
Progetto FREE
Alternativa 2
In questo parte del progetto la visualizzazione del content slider con l'applicazione del codice by KolAsim .
Il codice va inserito al PASSO 3 - MAPPA - PROPRIETÀ - CODICE - PRIMA DELLA CHIUSURA DEL TAG HEAD
Applicando il listato del moderatore Kolasim non sarà indispensabile avere dei break-point specifici. ATTENZIONE IN NERETTO TI HO LASCIATO L'ID CHE ANDRÀ SOSTITUITO CON QUELLO TUO CHE DOVRAI ACQUISIRE TRAMITE ISPEZIONE CODICE DAL BROWSER CHROME.
CODICE - PRIMA DELLA CHIUSURA DEL TAG HEAD | ||
<script> $( document ).ready(function() {// K>; /** --- resize ratio x WSx5 ContenSlider by KolAsim --- **/ ritardoK = 2; // secondi di ritardo; wK = 1920; // larghezza immagine (valore pixel (o rapporto razionale W)); hK = 720; // altezza immagine (valore pixel (o rapporto razionale H)); setTimeout(function(){//K1>; ridimensionaK(); }, ritardoK * 300); //K1<<; }); //K<<; $(window).on('resize', ridimensionaK);//Kr > | << //---------------f K2----------------------------- function ridimensionaK() {//K2>; setTimeout(function(){ //K3>; wwK= window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; ratio=Math.round(wwK/wK*100)/100; CShK=hK*ratio; $("#imPageRow_1,#imCell_9, #imCell_9 div").css('max-height', CShK); $(".slide-title").css("font-size","5vW"); // x TITOLO $(".slide-description").css("font-size","2vW"); // x DESCRIZIONE; $("#imStickyBar_imObjectImage_02_container img").css("width","35vW") ; // x LOGO; $("#imStickyBar_imObjectImage_02_container img").css("max-width","210px") ; // x LOGO; }, 0); //K3<<; } //K2<<; </script> |
COMMENTA ▼
Non sono presenti ancora recensioni.