:tools: Scheduled maintenance

Heads up! Downtime for the Forums, related to the NodeBB upgrade, is planned for Thursday, December 14, starting from 10:00 UTC.
Please make sure to finish all your posts before this time. The downtime should only last for a few minutes.

Some images don't load

  • 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.

  • 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.

  • 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.

  • 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.

  • 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 ...

  • 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

  • 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.

  • Moved to *NIX forum ...

  • 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.

  • 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.

  • 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

  • It works for me!

    Opera 12.14 x86_64

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

  • <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.

  • 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

  • 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?

  • @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.

  • 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.

  • 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!

Log in to reply
 

Looks like your connection to Opera forums was lost, please wait while we try to reconnect.