THE MOLITOR FORUMS » Topic: FAQ - Zoom HTML not working in Chrome

THE MOLITOR on "FAQ - Zoom HTML not working in Chrome"

THE MOLITOR — Fri, 29 Nov 2013 09:32:40 +0000

Hi there,

Unfortunately I'm not able to troubleshoot since you've both made customizations to the theme and applied the update manually. If you have issues, my best suggestion is to update the core theme, which now has these updates applied.

You can grab the updated version from your downloads page on ThemeForest.

Best,

Chris

xdeers on "FAQ - Zoom HTML not working in Chrome"

xdeers — Thu, 28 Nov 2013 00:32:20 +0000

Hi Chris,

I made changes to the file scripts.js but the result is that I can't see any more in all the browsers

link: http://www.alterrazzo.com/en

Thanks
Ricky

THE MOLITOR on "FAQ - Zoom HTML not working in Chrome"

THE MOLITOR — Mon, 25 Nov 2013 10:39:29 +0000

You bet! :-)

Graficdesign on "FAQ - Zoom HTML not working in Chrome"

Graficdesign — Sat, 23 Nov 2013 08:05:43 +0000

Dear Chris, Thanks a lot for the very fast reply. That fixes the issue...great!!

THE MOLITOR on "FAQ - Zoom HTML not working in Chrome"

THE MOLITOR — Tue, 19 Nov 2013 10:54:46 +0000

Hi there,

A recent Google Chrome update broke the loading animation script. Here's the fix...

Open script.js

Add the following on line 145...

var chromeBrowser = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase());

After the above edit, change the following on line 201 from this...

html.activity({segments: 12, width:5.5, space: 6, length: 13, color: '#fff'});

...to this...

if(!chromeBrowser){
html.activity({segments: 12, width:5.5, space: 6, length: 13, color: '#fff'});
}

After the above edit, change the following on line 211 from this...
```
html.activity(false);
```
...to this...
```
if(!chromeBrowser){
html.activity(false);
}
```

After the above edit, change the following on line 561 from this...

thumb.activity({color:"#ffffff",segments: 12,width:2, length:3,space: 1}).find('img').css({visibility:"hidden"});

...to this...

if(!chromeBrowser){
thumb.activity({color:"#ffffff",segments: 12,width:2, length:3,space: 1}).find('img').css({visibility:"hidden"});
}

After the above edit, change the following on lines 579-581 from this...

loading.activity(false).find('img').css({visibility:"visible"}).hide().fadeIn(300,function(){
	loading.next(".thumb").loadMe();
});

...to this...

if(!chromeBrowser){
loading.activity(false);
}
loading.find('img').css({visibility:"visible"}).hide().fadeIn(300,function(){
	loading.next(".thumb").loadMe();
});

Let me know if that fixes the issue for you.

Best,

Chris