WebSite X5Help Center

 
Giacomo C.
Giacomo C.
User

Messaggio pubblicitario  it

Autore: Giacomo C.
Visite 679, Followers 2, Condiviso 0  

ciao Kolasim, se guardi www.cralrho.net sono riuscito per le tre immagini ma per le due  non riesco.....

$( document ).ready(function() {/**K>**/
/** --- messaggio pubblicitario - lista immagini by KolAsim **/
listaimgK= [
'<img class="imgK" src="files/solidarietanatale2023.jpg" style="position:relative;width:33%;height:auto;float:left;">',
'<img class="imgK" src="files/solidarietanatale20232.jpg" style="position:relative;width:33%;height:auto;float:left;">',
'<img class="imgK" src="files/solidarietanatale20233.jpg" style="position:relative;width:33%;height:auto;float:left;">',
'<img class="imgK" src="files/Ottobre2023.jpg">',
'<img class="imgK" src="files/mercatiniaverona.jpg" style="position:relative;width:50%;height:auto;float:left">',
'<img class="imgK" src="files/programmaverona.jpg" style="position:relative;width:50%;height:auto;float:left">',
'<img class="imgK" src="files/divinacommedia.jpg" >'
]
// --- calcolo automatico K ---
setTimeout(function(){//K1>;
x5engine.imSplashBox(x5engine.settings.imSplashBox);
$("#splash").append(listaimgK );
$("#splash").css("width", "90%").css("background-color" , "white");
$(".imCloseInn").css("width","30px").css("height","30px");
wK = Math.floor($("#splash").width()/$(".imgK").length);
$(".imgK").css("width", wK);
$(".imgK").click( function() {//K2>;
if ($(this).index() == 1 || $(this).index() == 2 || $(this).index() == 3) {//K3>;
img_K = listaimgK[0] + listaimgK[1] + listaimgK[2];
divK = '<div style="position:absolute;top:10px;left:10px;width:100%;height:100%">' + img_K +' </div>';
x5engine.imShowBox({ media:[{type: 'iframe', url: ' ', width: 1920 , height:900, description: ''}]});
setTimeout(function(){//K4>;
$("#imShowBox").append(divK)
}, 1500);//K4<<;
} else { //K3> +;
imgK=$(this).attr("src");
x5engine.imShowBox({ media:[{type: 'image', url:imgK }]});
} //K3<<;
})//K2<<;
}, 1500);//K1<<;
}); /**K<<**/
</script>

Postato il
3 RISPOSTE - 1 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho aggiunto due gruppi:

<script>
$( document ).ready(function() {/**K>**/
/** --- messaggio pubblicitario - lista immagini x gruppi, by KolAsim **/
listaimgK= [
'<img class="imgK" src="files/solidarietanatale2023.jpg">',
'<img class="imgK" src="files/solidarietanatale20232.jpg">',
'<img class="imgK" src="files/solidarietanatale20233.jpg">',
'<img class="imgK" src="files/mercatiniaverona.jpg" >',
'<img class="imgK" src="files/programmaverona.jpg" >',
'<img class="imgK" src="files/Ottobre2023.jpg" >',
'<img class="imgK" src="files/divinacommedia.jpg" >'
]
w_immagineK= 640;
h_immagineK= 900;
gruppoK1 = listaimgK[0] + listaimgK[1] + listaimgK[2];
gruppoK2 = listaimgK[3] + listaimgK[4];
// --- calcolo automatico K ---
setTimeout(function(){//K1>;
x5engine.imSplashBox(x5engine.settings.imSplashBox);
$("#splash").append(listaimgK );
$("#splash").css("width", "90%").css("background-color" , "white");
$(".imCloseInn").css("width","30px").css("height","30px");
wK = Math.floor($("#splash").width()/$(".imgK").length);
$(".imgK").css("width", wK);
$(".imgK").click( function() {//K2>;
//--------------------------------------------------
if ($(this).index() == 1 || $(this).index() == 2 || $(this).index() == 3) {//K3>;
www =100/3 + "%";
divK = '<div style="position:relative;width:100%;height:100%;margin:auto">' + gruppoK1 +' </div>';
kk = divK;
w_img = Number(w_immagineK) * 3;
h_img = Number(h_immagineK) ;
showboxK(kk);
} //K3<<;
//--------------------------------------------------
else if ( $(this).index() == 4 || $(this).index() == 5 ) {//K4>;
www =100/2 + "%";;
divK = '<div style="position:relative;width:100%;height:100%;margin:auto">' + gruppoK2 +' </div>';
kk = divK;
w_img = Number(w_immagineK) * 2;
h_img = Number(h_immagineK) ;
showboxK(kk);
} //K4<<;
//--------------------------------------------------
else { //K5> ;
imgK=$(this).attr("src");
www =$(".imgK").width() ;
x5engine.imShowBox({ media:[{type: 'image', url:imgK }]});
} //K5<<;
})//K2<<;
}, 2000);//K1<<;
}); /**K<<**/
//----------- f K6 -------------------------------
function showboxK(div_K) {//K6>;
x5engine.imShowBox({ media:[{type: 'iframe', url: ' ', width: w_img , height:h_img , description: ''}]});
setTimeout(function(){//K7>;
$("#imShowBox").prepend(div_K)
$("#imShowBox .imgK").css("width", www) ;
}, 1500);//K7<<;
} //K6<<;
</script>

.........................................

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autore

Grazie !!!!

Leggi di più
Postato il da Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho visto, ...OK ... funziona ... ciao...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪