Some images don't load

asynchro

asynchro

Hi,

On some websites, images won't load at all. It works with Chrome and Firefox though.

For example almost all the small images from http://lifehacker.com and http://io9.com don't load. As shown on this screenshot: http://i61.tinypic.com/2ryk86s.jpg

I quickly looked at the source and it seems the problem is when a "img" element has a "data-interchange" attribute.

Is there something i can do to fix that ?

-- PS: I desactivated all my extension and my user.css style but I still got the problem.

linuxmint7

linuxmint7

A little help with the version of Opera and the operating system you are using may help others test your findings.

EDIT: Just tried both sites in Opera 12.14 on Linux (32bit) with AdBlock extension disabled, and tried the various identity and masking options in site preferences..., and can confirm that the small images do not display on either site.

asynchro

asynchro

Hi, thanks for your answer.

I'm using Opera 12.16 on Archlinux (64bit).
I'll try later today on windows if there's the same problem.

Deleted User

Deleted User

This is a problem with some JavaScript on the website of lifehacker and io9.

[02.04.2014 16:23:37] JavaScript - http://io9.com/
Event thread: load
Uncaught exception: Error: Syntax error, unrecognized expression: [data-"Times New Roman"-dropdown]
Error thrown at line 2, column 18066 in <anonymous function: b.error>(a) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	throw new Error("Syntax error, unrecognized expression: "+a)
called from line 1, column 62907 in m(a, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return c?h.length:h?b.error(a):S(a,i).slice(0)
called from line 2, column 4220 in v(a, b, c, d) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	var e,f,g,h,i,j=m(a);
called from line 1, column 59572 in b(a, b, c, d) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return v(a.replace(ib,"$1"),b,c,d)
called from line 2, column 16758 in <anonymous function: b.matches>(a, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return b(a,null,null,c)
called from line 2, column 31293 in <anonymous function: ab.filter>(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?ab.find.matchesSelector(d,a)?[d]:[]:ab.find.matches(a,ab.grep(b,function(a){return 1===a.nodeType}))
called from line 1, column 33290 in d(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return ab.filter(b,a,c);
called from line 2, column 32516 in <anonymous function: is>(a) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return!!d(this,"string"==typeof a&&fb.test(a)?ab(a):a||[],!1).length
called from line 4, column 48809 in <anonymous function>(b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return"string"==typeof b?this[b].call(this,c):(g(this.scope).is("["+this.attr_name()+"]")?(g(this.scope).data(this.attr_name(!0)+"-init",a.extend({},this.settings,c||b,this.data_options(g(this.scope)))),e&&this.events(this.scope)):g("["+this.attr_name()+"]",this.scope).each(function(){var e=!g(this).data(d.attr_name(!0)+"-init");g(this).data(d.attr_name(!0)+"-init",a.extend({},d.settings,c||b,d.data_options(g(this)))),e&&d.events(this)}),void 0)
called from line 4, column 59828 in <anonymous function: init>(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	Foundation.inherit(this,"throttle"),this.bindings(b,c)
Error created at line 2, column 18066 in <anonymous function: b.error>(a) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	throw new Error("Syntax error, unrecognized expression: "+a)
called from line 1, column 62907 in m(a, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return c?h.length:h?b.error(a):S(a,i).slice(0)
called from line 2, column 4220 in v(a, b, c, d) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	var e,f,g,h,i,j=m(a);
called from line 1, column 59572 in b(a, b, c, d) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return v(a.replace(ib,"$1"),b,c,d)
called from line 2, column 16758 in <anonymous function: b.matches>(a, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return b(a,null,null,c)
called from line 2, column 31293 in <anonymous function: ab.filter>(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?ab.find.matchesSelector(d,a)?[d]:[]:ab.find.matches(a,ab.grep(b,function(a){return 1===a.nodeType}))
called from line 1, column 33290 in d(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return ab.filter(b,a,c);
called from line 2, column 32516 in <anonymous function: is>(a) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return!!d(this,"string"==typeof a&&fb.test(a)?ab(a):a||[],!1).length
called from line 4, column 48809 in <anonymous function>(b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	return"string"==typeof b?this[b].call(this,c):(g(this.scope).is("["+this.attr_name()+"]")?(g(this.scope).data(this.attr_name(!0)+"-init",a.extend({},this.settings,c||b,this.data_options(g(this.scope)))),e&&this.events(this.scope)):g("["+this.attr_name()+"]",this.scope).each(function(){var e=!g(this).data(d.attr_name(!0)+"-init");g(this).data(d.attr_name(!0)+"-init",a.extend({},d.settings,c||b,d.data_options(g(this)))),e&&d.events(this)}),void 0)
called from line 4, column 59828 in <anonymous function: init>(a, b, c) in http://io9.com/assets/javascripts-min/module/Main-en-US-7d67d163b7301bec323c311374744844.js:
	Foundation.inherit(this,"throttle"),this.bindings(b,c)

Cant fix this with Opera 12.

asynchro

asynchro

To be more specific, here some extra infos.

On http://io9.com , when i inspect one of the element that is not loaded, i got this piece of code:

"img data-aspect-ratio="1.778" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-interchange="[http://i.kinja-img.com/gawker-media/image/upload/s--3h74bcFM--/c_fill,g_north,h_358,w_636/661895437344046228.jpg, (default)], http://i.kinja-img.com/gawker-media/image/upload/s--3h74bcFM--/c_fill,g_north,h_358,w_636/661895437344046228.jpg, (small)], [http://i.kinja-img.com/gawker-media/image/upload/s--fsPcYXn8--/c_fill,g_north,h_180,w_320/661895437344046228.jpg, (medium)], [http://i.kinja-img.com/gawker-media/image/upload/s--Mhy4xhX_--/c_fill,fl_progressive,g_north,h_77,q_80,w_137/661895437344046228.jpg, (large)]" width="132" height="74" onerror="this.onerror=null;this.src='http://i.kinja-img.com/gawker-media/image/upload/yc8yvfpwgflmq3ubzi1j.jpg';"/"

it ends with an "ev" bubbling error:

"
Event handler (this.onerror=null;this.src='http://i.kinja-img.com/gawker-media/image/upload/yc8yvfpwgflmq3ubzi1j.jpg')
(Missing source file)
"

So it must be the way "/" are parsed but i'm not sure if the bug is with Opera or with theses websites ...

asynchro

asynchro

Ah, Thanks Angie !

So i guess there's nothing we can do about this...

Kinda frustrating though that Firefox/Chrome load the img even if the code is buggy :s

Deleted User

Deleted User

So i guess there's nothing we can do about this...

I'll report this problem to Opera, but i think there's no priority to fix something with websites for old Opera 12.x.

sgunhouse

sgunhouse Moderator Volunteer

Moved to *NIX forum ...

Deleted User

Deleted User

It's not a *NIX specific issue. The entire Gawker family of sites doesn't work properly on Opera 12 Windows either since their most recent update to the Kinja platform.

I tried digging into the JavaScript. It seems like some basic functions don't get defined properly in Opera 12, and because of that everything that builds up from it breaks. Haven't been able to figure out a fix yet though.

mgmgdgtd

mgmgdgtd

Feels like page load timing (RUM) issue (could be enabled by default in Chrome). Without page header (buggy NREUM script) there is not any scale data to define the placeholders for page elements. I'm not an expert so please don't kill me.

Deleted User

Deleted User

I got the same problem in this site http://hora13.com/index.htm no images at all like inhttp://hora13.com/index.htm here is the printscreen [IMG]http://i61.tinypic.com/289a340.png[/IMG] http://i61.tinypic.com/289a340.png

opera is
Browser identification

Opera/9.80 (X11; Linux x86_64) Presto/2.12.388 Version/12.16
Version 12.16
Build 1860
Platform Linux
System x86_64, 2.6.32-5-amd64

Ephifany show the images but opera does not and send me to a hot.htm or hot.gif that is not in website. When I try to open this link http://hora13.com/nostalgias/APARATOS VIEJOS/RADIOS PHILIPS/circuitos philips/radio philips 56 B y 57 B.gif it send me to http://www.hora13.com/hot.gif

? I dont understand

Thanks for any clue

Deleted User

Deleted User

It works for me!

Opera 12.14 x86_64

Screenshot:
http://i62.tinypic.com/4lrmth.png

Deleted User

Deleted User

<quote>@faber235: opera does not and send me to a hot.htm or hot.gif that is not in website</quote>

May be you load the image not from wrong site reference information, that [hora13] sent notice that you are hotlinking their image.

Deleted User

Deleted User

cyxovi, thanks for your comment. Did you try the site hora13? please try it and tell me if you got no problems.

What means "you are hotlinking their image" I just click on the link but I don't know what the browser does following the link, so, what will be the way to fixit?

thanks

Deleted User

Deleted User

I did try with firefox, I had have adblock and the site said turn off adblock, I have adblock in opera but was inactive, now I uninstall adblock and pic still blank.
There is a way that opera block images like adblock?

Deleted User

Deleted User

@faber235: I tried with Opera to load images from hora13.com with no problem.

You can search Wikipedia : http://en.wikipedia.org/wiki/Inline_linking, for description of hotlinking.

By simple definition, hora13 thinks that you are loading their images from other websites.

First, while on hora13.com, Right click menu -> Edit Site Preferences -> Network -> Send Referrer Information
Is this option is checked?

If this doesn't work, try with new profile:

$ opera -pd [PATH to NEW PROFILE]

...and load the site.

sgunhouse

sgunhouse Moderator Volunteer

Do you have referrer logging turned off? Checking referrers is how most sites block hotlinks. Easy way to check ... yeah, when I disable referrer logging none of the images load so that must be it. You can enable it form the F12 Quick preferences menu, or go to Site Preferences > Network to enable it only for that tab.

Deleted User

Deleted User

cyxovi and sgunhouse thank you both!

I turn on referrer's and images are charging now. Cyxovi, thanks for taking time to enter the site to check.
I did not know about referrer, always learn someting new.
thanks!