Images not shown when using mobile version

by Soulmonster December 1st 2022, 7:52 am

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Other
Who the problem concerns : All members
Forum link : www.a-4-d.com

Description of problem

Images are not shown when using the mobile version. It works fine when browsing the site using the computer version.

by Guest December 1st 2022, 8:25 am

Can you be more precise on what images excatly?

by **The Godfather** December 1st 2022, 11:10 am

Hello,

Maybe it concerns the block "Recently shared images". It is not available on the mobile version Very Happy

by Soulmonster December 2nd 2022, 6:55 am

Images in posts are not shown.

Example: https://www.a-4-d.com/t7522-2022-11-29-adelaide-oval-adelaide-australia#29522

When browsed from a PC, images are shown. But when browsing from a mobile ("mobile version"), the images are not there.

by **SLGray** December 2nd 2022, 8:01 am

Exactly it took a long time to load the images for me. I am on a PC. Have you tried to wait and see if the images loaded after awhile?

by Soulmonster December 2nd 2022, 8:04 am

The images in the example post are large so it might take time displaying, but when using mobile version they are not loaded at all.

by **skouliki** December 2nd 2022, 8:19 am

hello

i have tested your issue and you are right

have you modified your mobile templates ?
can you deactivate your javascript and retry to check if a javascript is causing this conflict

by Soulmonster December 2nd 2022, 4:20 pm

No, I haven't changed the mobile templates.

But you were right re: javascript. The following script causes the error:

Code:: var placeholder = { store : {}, add : function(placeholder, replacement) { if( /^\{[A-Z_]+\}$/.test(placeholder) ) this.store[ placeholder ] = replacement; }, run : function() { var x = placeholder.store, body = document.getElementsByTagName('body')[0], html = body.innerHTML; for(var i in x) html = html.replace( RegExp('\\' + i, 'g'), x[i] ); body.innerHTML = html; } }; $(placeholder.run); placeholder.add("{UPDATEDATE}", "July 23, 2022"); placeholder.add("{TOTALSONGS}", "17,203"); placeholder.add("{TOTALSHOWS}", "985"); placeholder.add("{TOTALDIFFSONGS}", "113"); placeholder.add("{TOTALCOUNTRIES}", "62"); placeholder.add("{TOTALUSA}", "531"); placeholder.add("{TOTALCANADA}", "64"); placeholder.add("{TOTALENGLAND}", "46"); placeholder.add("{TOTALAUSTRALIA}", "29"); placeholder.add("{TOTALBRAZIL}", "27"); placeholder.add("{TOTALJAPAN}", "26"); placeholder.add("{TOTALMEXICO}", "22"); placeholder.add("{TOTALGERMANY}", "22"); placeholder.add("{TOTALFRANCE}", "21"); placeholder.add("{TOTALSPAIN}", "17"); placeholder.add("{AXLSHOWS}", "985"); placeholder.add("{DIZZYSHOWS}", "756"); placeholder.add("{DUFFSHOWS}", "641"); placeholder.add("{SLASHSHOWS}", "628"); placeholder.add("{RICHARDSHOWS}", "558"); placeholder.add("{FRANKSHOWS}", "518"); placeholder.add("{CHRISSHOWS}", "350"); placeholder.add("{BRAINSHOWS}", "44"); placeholder.add("{BUCKETHEADSHOWS}", "27"); placeholder.add("{BUMBLEFOOTSHOWS}", "324"); placeholder.add("{DJSHOWS}", "230"); placeholder.add("{GILBYSHOWS}", "140"); placeholder.add("{IZZYSHOWS}", "284"); placeholder.add("{JOSHSHOWS}", "0"); placeholder.add("{MATTSHOWS}", "194"); placeholder.add("{MELISSASHOWS}", "198"); placeholder.add("{PAULSHOWS}", "4"); placeholder.add("{ROBINSHOWS}", "121"); placeholder.add("{TOMMYSHOWS}", "343"); placeholder.add("{STEVENSHOWS}", "211"); placeholder.add("{TRACIISHOWS}", "7"); placeholder.add("{FOURTEENYEARSSONGS}", "35"); placeholder.add("{AGSONGS}", "35"); placeholder.add("{ATTITUDESONGS}", "232"); placeholder.add("{BOBSONGS}", "23"); placeholder.add("{BLACKHOLESUNSONGS}", "101"); placeholder.add("{BOSONGS}", "118"); placeholder.add("{BASONGS}", "2"); placeholder.add("{BETTERSONGS}", "509"); placeholder.add("{BREAKDOWNSONGS}", "2"); placeholder.add("{CATCHERSONGS}", "74"); placeholder.add("{CHINESESONGS}", "495"); placeholder.add("{CIVILSONGS}", "433"); placeholder.add("{COMASONGS}", "179"); placeholder.add("{DEADFLOWERSSONGS}", "27"); placeholder.add("{DEADHORSESONGS}", "58"); placeholder.add("{DOUBLESONGS}", "387"); placeholder.add("{DCSONGS}", "441"); placeholder.add("{DLIBYDSONGS}", "19"); placeholder.add("{DOTFSONGS}", "11"); placeholder.add("{DUSTSONGS}", "44"); placeholder.add("{ESTRANGEDSONGS}", "436"); placeholder.add("{GARDENOFEDENSONGS}", "2"); placeholder.add("{GTBHSONGS}", "40"); placeholder.add("{HEARTBREAKSONGS}", "23"); placeholder.add("{IFTHEWORLDSONGS}", "28"); placeholder.add("{ISESONGS}", "785"); placeholder.add("{IRSSONGS}", "98"); placeholder.add("{JUMPINSONGS}", "22"); placeholder.add("{KNOCKINSONGS}", "827"); placeholder.add("{LALDSONGS}", "726"); placeholder.add("{LOCOMOTIVESONGS}", "8"); placeholder.add("{MADAGASCARSONGS}", "295"); placeholder.add("{MAMAKINSONGS}", "53"); placeholder.add("{MOTIVATIONSONGS}", "77"); placeholder.add("{MOVESONGS}", "111"); placeholder.add("{MRBROWNSTONESONGS}", "848"); placeholder.add("{MYGENERATIONSONGS}", "20"); placeholder.add("{MYMICHELLESONGS}", "305"); placeholder.add("{NEWROSESONGS}", "65"); placeholder.add("{NIGHTRAINSONGS}", "709"); placeholder.add("{NOVEMBERSONGS}", "718"); placeholder.add("{NICEBOYSSONGS}", "61"); placeholder.add("{OBJECTIFYSONGS}", "26"); placeholder.add("{OHMYGODSONGS}", "4"); placeholder.add("{ONEINAMILLIONSONGS}", "4"); placeholder.add("{OTGMSONGS}", "299"); placeholder.add("{PARADISESONGS}", "832"); placeholder.add("{PATIENCESONGS}", "671"); placeholder.add("{PRETTYTIEDUPSONGS}", "27"); placeholder.add("{PERFECTSONGS}", "40"); placeholder.add("{PROSTITUTESONGS}", "19"); placeholder.add("{RECKLESSSONGS}", "37"); placeholder.add("{RIADSONGS}", "6"); placeholder.add("{RIFFRAFFSONGS}", "46"); placeholder.add("{RIGHTSONGS}", "9"); placeholder.add("{ROCKETSONGS}", "594"); placeholder.add("{SCRAPEDSONGS}", "12"); placeholder.add("{SCOMSONGS}", "828"); placeholder.add("{SHACKLERSSONGS}", "103"); placeholder.add("{SHADOWSONGS}", "70"); placeholder.add("{ABSURDSONGS}", "41"); placeholder.add("{SLITHERSONGS}", "85"); placeholder.add("{SOFINESONGS}", "39"); placeholder.add("{SORRYSONGS}", "195"); placeholder.add("{STREETOFDREAMSSONGS}", "299"); placeholder.add("{THEGARDENSONGS}", "21"); placeholder.add("{THESEEKERSONGS}", "233"); placeholder.add("{THINKABOUTYOUSONGS}", "79"); placeholder.add("{THISILOVESONGS}", "360"); placeholder.add("{TWATSONGS}", "25"); placeholder.add("{UTLHSONGS}", "274"); placeholder.add("{WICHITASONGS}", "106"); placeholder.add("{WELCOMETOTHEJUNGLESONGS}", "881"); placeholder.add("{WHOLELOTTAROSIESONGS}", "151"); placeholder.add("{YATFSONGS}", "54"); placeholder.add("{YESTERDAYSSONGS}", "128"); placeholder.add("{YOURECRAZYSONGS}", "182"); placeholder.add("{YCBMSONGS}", "704"); placeholder.add("{ABNORMALSONGS}", "23"); placeholder.add("{ITSALRIGHTSONGS}", "43"); placeholder.add("{DUSTINTHEWINDSONGS}", "10"); placeholder.add("{SAILINGSONGS}", "2"); placeholder.add("{IGOTYOUSONGS}", "6"); placeholder.add("{YOUGOTTAMOVESONGS}", "5"); placeholder.add("{ABNORMALSONGS}", "23"); placeholder.add("{LIQUORANDWHORESSONGS}", "15"); placeholder.add("{HOLIDAYSINTHESUNSONGS}", "14"); placeholder.add("{SONICREDUCERSONGS}", "11"); placeholder.add("{BACKINBLACKSONGS}", "7"); placeholder.add("{WALKALLOVERYOUSONGS}", "3"); placeholder.add("{HARDSKOOLSONGS}", "16"); placeholder.add("{ABSURDSONGS}", "41"); placeholder.add("{RAWPOWERSONGS}", "13");

Any idea why this script now causes images to not be displayed when using the mobile version?

by **Ape** December 3rd 2022, 12:23 am

Soulmonster wrote:No, I haven't changed the mobile templates.

But you were right re: javascript. The following script causes the error:

Code:
var placeholder = { store : {}, add : function(placeholder, replacement) { if( /^\{[A-Z_]+\}$/.test(placeholder) ) this.store[ placeholder ] = replacement; }, run : function() { var x = placeholder.store, body = document.getElementsByTagName('body')[0], html = body.innerHTML; for(var i in x) html = html.replace( RegExp('\\' + i, 'g'), x[i] ); body.innerHTML = html; } }; $(placeholder.run); placeholder.add("{UPDATEDATE}", "July 23, 2022"); placeholder.add("{TOTALSONGS}", "17,203"); placeholder.add("{TOTALSHOWS}", "985"); placeholder.add("{TOTALDIFFSONGS}", "113"); placeholder.add("{TOTALCOUNTRIES}", "62"); placeholder.add("{TOTALUSA}", "531"); placeholder.add("{TOTALCANADA}", "64"); placeholder.add("{TOTALENGLAND}", "46"); placeholder.add("{TOTALAUSTRALIA}", "29"); placeholder.add("{TOTALBRAZIL}", "27"); placeholder.add("{TOTALJAPAN}", "26"); placeholder.add("{TOTALMEXICO}", "22"); placeholder.add("{TOTALGERMANY}", "22"); placeholder.add("{TOTALFRANCE}", "21"); placeholder.add("{TOTALSPAIN}", "17"); placeholder.add("{AXLSHOWS}", "985"); placeholder.add("{DIZZYSHOWS}", "756"); placeholder.add("{DUFFSHOWS}", "641"); placeholder.add("{SLASHSHOWS}", "628"); placeholder.add("{RICHARDSHOWS}", "558"); placeholder.add("{FRANKSHOWS}", "518"); placeholder.add("{CHRISSHOWS}", "350"); placeholder.add("{BRAINSHOWS}", "44"); placeholder.add("{BUCKETHEADSHOWS}", "27"); placeholder.add("{BUMBLEFOOTSHOWS}", "324"); placeholder.add("{DJSHOWS}", "230"); placeholder.add("{GILBYSHOWS}", "140"); placeholder.add("{IZZYSHOWS}", "284"); placeholder.add("{JOSHSHOWS}", "0"); placeholder.add("{MATTSHOWS}", "194"); placeholder.add("{MELISSASHOWS}", "198"); placeholder.add("{PAULSHOWS}", "4"); placeholder.add("{ROBINSHOWS}", "121"); placeholder.add("{TOMMYSHOWS}", "343"); placeholder.add("{STEVENSHOWS}", "211"); placeholder.add("{TRACIISHOWS}", "7"); placeholder.add("{FOURTEENYEARSSONGS}", "35"); placeholder.add("{AGSONGS}", "35"); placeholder.add("{ATTITUDESONGS}", "232"); placeholder.add("{BOBSONGS}", "23"); placeholder.add("{BLACKHOLESUNSONGS}", "101"); placeholder.add("{BOSONGS}", "118"); placeholder.add("{BASONGS}", "2"); placeholder.add("{BETTERSONGS}", "509"); placeholder.add("{BREAKDOWNSONGS}", "2"); placeholder.add("{CATCHERSONGS}", "74"); placeholder.add("{CHINESESONGS}", "495"); placeholder.add("{CIVILSONGS}", "433"); placeholder.add("{COMASONGS}", "179"); placeholder.add("{DEADFLOWERSSONGS}", "27"); placeholder.add("{DEADHORSESONGS}", "58"); placeholder.add("{DOUBLESONGS}", "387"); placeholder.add("{DCSONGS}", "441"); placeholder.add("{DLIBYDSONGS}", "19"); placeholder.add("{DOTFSONGS}", "11"); placeholder.add("{DUSTSONGS}", "44"); placeholder.add("{ESTRANGEDSONGS}", "436"); placeholder.add("{GARDENOFEDENSONGS}", "2"); placeholder.add("{GTBHSONGS}", "40"); placeholder.add("{HEARTBREAKSONGS}", "23"); placeholder.add("{IFTHEWORLDSONGS}", "28"); placeholder.add("{ISESONGS}", "785"); placeholder.add("{IRSSONGS}", "98"); placeholder.add("{JUMPINSONGS}", "22"); placeholder.add("{KNOCKINSONGS}", "827"); placeholder.add("{LALDSONGS}", "726"); placeholder.add("{LOCOMOTIVESONGS}", "8"); placeholder.add("{MADAGASCARSONGS}", "295"); placeholder.add("{MAMAKINSONGS}", "53"); placeholder.add("{MOTIVATIONSONGS}", "77"); placeholder.add("{MOVESONGS}", "111"); placeholder.add("{MRBROWNSTONESONGS}", "848"); placeholder.add("{MYGENERATIONSONGS}", "20"); placeholder.add("{MYMICHELLESONGS}", "305"); placeholder.add("{NEWROSESONGS}", "65"); placeholder.add("{NIGHTRAINSONGS}", "709"); placeholder.add("{NOVEMBERSONGS}", "718"); placeholder.add("{NICEBOYSSONGS}", "61"); placeholder.add("{OBJECTIFYSONGS}", "26"); placeholder.add("{OHMYGODSONGS}", "4"); placeholder.add("{ONEINAMILLIONSONGS}", "4"); placeholder.add("{OTGMSONGS}", "299"); placeholder.add("{PARADISESONGS}", "832"); placeholder.add("{PATIENCESONGS}", "671"); placeholder.add("{PRETTYTIEDUPSONGS}", "27"); placeholder.add("{PERFECTSONGS}", "40"); placeholder.add("{PROSTITUTESONGS}", "19"); placeholder.add("{RECKLESSSONGS}", "37"); placeholder.add("{RIADSONGS}", "6"); placeholder.add("{RIFFRAFFSONGS}", "46"); placeholder.add("{RIGHTSONGS}", "9"); placeholder.add("{ROCKETSONGS}", "594"); placeholder.add("{SCRAPEDSONGS}", "12"); placeholder.add("{SCOMSONGS}", "828"); placeholder.add("{SHACKLERSSONGS}", "103"); placeholder.add("{SHADOWSONGS}", "70"); placeholder.add("{ABSURDSONGS}", "41"); placeholder.add("{SLITHERSONGS}", "85"); placeholder.add("{SOFINESONGS}", "39"); placeholder.add("{SORRYSONGS}", "195"); placeholder.add("{STREETOFDREAMSSONGS}", "299"); placeholder.add("{THEGARDENSONGS}", "21"); placeholder.add("{THESEEKERSONGS}", "233"); placeholder.add("{THINKABOUTYOUSONGS}", "79"); placeholder.add("{THISILOVESONGS}", "360"); placeholder.add("{TWATSONGS}", "25"); placeholder.add("{UTLHSONGS}", "274"); placeholder.add("{WICHITASONGS}", "106"); placeholder.add("{WELCOMETOTHEJUNGLESONGS}", "881"); placeholder.add("{WHOLELOTTAROSIESONGS}", "151"); placeholder.add("{YATFSONGS}", "54"); placeholder.add("{YESTERDAYSSONGS}", "128"); placeholder.add("{YOURECRAZYSONGS}", "182"); placeholder.add("{YCBMSONGS}", "704"); placeholder.add("{ABNORMALSONGS}", "23"); placeholder.add("{ITSALRIGHTSONGS}", "43"); placeholder.add("{DUSTINTHEWINDSONGS}", "10"); placeholder.add("{SAILINGSONGS}", "2"); placeholder.add("{IGOTYOUSONGS}", "6"); placeholder.add("{YOUGOTTAMOVESONGS}", "5"); placeholder.add("{ABNORMALSONGS}", "23"); placeholder.add("{LIQUORANDWHORESSONGS}", "15"); placeholder.add("{HOLIDAYSINTHESUNSONGS}", "14"); placeholder.add("{SONICREDUCERSONGS}", "11"); placeholder.add("{BACKINBLACKSONGS}", "7"); placeholder.add("{WALKALLOVERYOUSONGS}", "3"); placeholder.add("{HARDSKOOLSONGS}", "16"); placeholder.add("{ABSURDSONGS}", "41"); placeholder.add("{RAWPOWERSONGS}", "13");

Any idea why this script now causes images to not be displayed when using the mobile version?

what is the Javascript meant to be for ?

by Soulmonster December 3rd 2022, 7:32 am

My forum is about the band Guns N' Roses and I have threads for each of the band's songs. This particular script is a database where I can keep updated statistics on how many times each of the band's songs have been played lived. I can then insert the number of times a song has been played in posts by writing span and calling for that specific song. It means I won't have to manually update various threads that are meant to have this information manually, it is enough that I update the statistics in the script.

It is possible to see an example of this here: https://www.a-4-d.com/t121-14-years This thread is about the song 14 Years and it contains information on how many times it has been played live under the section Live Performances. As you can see, the amount of times is 35 and that number is retrieved from the javascript. So it is a dynamic stat that will change as I update the database in the script itself.

It has absolutely nothing to do with images.