I have created a slideshow using a column strip background and it works fine on desktop but doesn’t function on tablets and iPads. Also on some browsers (safari, firefox) it doesn’t work. Same issue when changing page background images. Below are the links and code.
COLUMN BACKGROUND
https://wixprothemes.wixsite.com/drexlermoore Homepage scroll down to Services section
CODE
export function serviceImage1_click(event, $w) {
$w('#serviceColumn').background.src = "https://static.wixstatic.com/media/eb9dc8_bd0d0a008064475084e00dcde9c487ce~mv2_d_2365_1774_s_2.jpg/v1/fill/w_1247,h_935,al_c,q_85,usm_0.66_1.00_0.01/eb9dc8_bd0d0a008064475084e00dcde9c487ce~mv2_d_2365_1774_s_2.webp";
}
export function serviceImage2_click(event, $w) {
$w('#serviceColumn').background.src = "https://static.wixstatic.com/media/eb9dc8_c0e45cdfeb6c4346aff3b59bfc527301~mv2_d_3119_1345_s_2.jpg/v1/crop/x_549,y_0,w_2021,h_1345/fill/w_2021,h_1345,al_c,q_90/eb9dc8_c0e45cdfeb6c4346aff3b59bfc527301~mv2_d_3119_1345_s_2.webp";
}
export function serviceImage3_click(event, $w) {
$w('#serviceColumn').background.src = "https://static.wixstatic.com/media/eb9dc8_3ded599b88cf4801aeaeb8e8641ee7a9~mv2_d_2365_1774_s_2.jpg/v1/crop/x_0,y_0,w_2365,h_1773/fill/w_1247,h_935,al_c,q_85,usm_0.66_1.00_0.01/eb9dc8_3ded599b88cf4801aeaeb8e8641ee7a9~mv2_d_2365_1774_s_2.webp";
}
export function serviceImage4_click(event, $w) {
$w('#serviceColumn').background.src = "https://static.wixstatic.com/media/eb9dc8_00177ec61add430d84ac82216a59f89d~mv2_d_4256_2832_s_4_2.jpg/v1/fill/w_2350,h_1564,al_c,q_90,usm_0.66_1.00_0.01/eb9dc8_00177ec61add430d84ac82216a59f89d~mv2_d_4256_2832_s_4_2.webp";
}
PAGE BACKGROUND
https://citisonship.wixsite.com/wixcodesliders/background-hover
CODE
export function project1_mouseIn(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_0a45ec5b1b0c4fccb783659ef7bd4cd3~mv2_d_2508_1672_s_2.jpg/v1/fill/w_1920,h_1200,al_c,q_90,usm_0.66_1.00_0.01/139b4f_0a45ec5b1b0c4fccb783659ef7bd4cd3~mv2_d_2508_1672_s_2.webp”;
$w(“#box5”).show();
}
export function project1_mouseOut(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png/v1/crop/x_96,y_0,w_1728,h_1080/fill/w_1728,h_1080,al_c/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png”;
$w(“#box5”).hide();
}
export function project2_mouseIn(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_42c2a80d634a4481923466459625e7d6.jpg/v1/crop/x_0,y_52,w_2509,h_1568/fill/w_1920,h_1200,al_c,q_90,usm_0.66_1.00_0.01/139b4f_42c2a80d634a4481923466459625e7d6.webp”;
$w(“#box6”).show();
}
export function project2_mouseOut(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png/v1/crop/x_96,y_0,w_1728,h_1080/fill/w_1728,h_1080,al_c/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png”;
$w(“#box6”).hide();
}
export function project3_mouseIn(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_2cdded143ae94037a15bcbf2f350237f~mv2_d_2507_1673_s_2.jpg/v1/crop/x_0,y_53,w_2507,h_1567/fill/w_1920,h_1200,al_c,q_90,usm_0.66_1.00_0.01/139b4f_2cdded143ae94037a15bcbf2f350237f~mv2_d_2507_1673_s_2.webp”;
$w(“#box7”).show();
}
export function project3_mouseOut(event, $w) {
$w(“Document”).background.src = “https://static.wixstatic.com/media/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png/v1/crop/x_96,y_0,w_1728,h_1080/fill/w_1728,h_1080,al_c/139b4f_7f975658692945ebaed57ce4a825bfab~mv2.png”;
$w(“#box7”).hide();
}