Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Now all images + some smilies have vanished (without JS)

Featured Replies

Something is going on with images at the moment, most need javascript now to load from "data-src" instead of "src". Otherwise are completely invisible (1x1 px transparent REAL image).... even some smilies... suppose work in progress yet behind the scenes...
But for the time being, if you can't run JS all the time (e.g. because js kills the ips-EDITOR and you can't post without it / pre FF44?), but if you want at least some HINT that there's a missing image, add something like this to your user css (e.g. profile/chrome/userContent.css):

/* Missing images without JS
GREEN border is for own forum SMILIES, RED border for the rest
*/
body.ipsApp img[data-src][src*="/spacer.png"]{
color: red !important;
outline: 3px dotted red !important;
margin: 12px !important;
background-color: yellow !important;
min-width: 40px !important;
min-height: 40px !important;
}
body.ipsApp img[data-src*="/uploads/emoticons/"]{
outline: 3px dotted lime !important;
min-width: 20px !important;
min-height: 20px !important;
}
body.ipsApp img[data-src]:hover{
max-height: none !important; max-width: none !important;
height: auto !important; width: auto !important;
}
/* WHY does that not work?? */
body.ipsApp img[data-src]:before {
content: " IMG: " attr(data-src) " " !important;
}

.

Edited by siria
Better smilie-selector, now (hopefully) universal for other IPS-forums too

  • Author

At least smilies seem to have returned :-)

Tried again to load invisible posted images the intended way WITH javascript, but didn't help. In old browsers the original ips-JS does nothing at all. Images remain completely invisible and unnoticable (transparent 1x1px spacer.png) Suspecting IPS may insist on modern-only javascript functions for this too, even for a simple attribute loop?
Without user css tweak no chance to even notice, and without a data-src userscript/addon/macro/bookmarklet no chance to load the real images in older browsers.
(Tested with fallback K-Meleon74 / engine PM26/FF24+):

Found this original code in xxxx_frameworks.css (ca 75%)

.ipsImage{max-width:100%;height:auto;}
.ipsImage[data-src]:not([data-loaded]){
background:rgb( var(--theme-area_background_light) );
min-width:50px;
height:1px;
}


This is an example image (borrowed one by schwups, no chance to upload anything myself anymore):

Reply.png

And this is my attempt to post an image visible for old browsers too (or if JS disabled in modern ones):

IMAGE: Reply.png
.
- with a hint text
- with a hint border
- and wrapped in a normal download link
.

Edited by siria

Yes have vanished! :thumbdown At least required FF44 or KM76.3.1-Goanna-20201121.

  • Author

Thanks for confirmation! I often wonder if it's just me if no one else ever mentions bugs which are IMO killer probs (usually in KM) ;-)
So, just for getting to see posted images, latest update for all IPS-forums now demands not only JS, but even min Firefox44? Whow, pretty hefty IMHO....
And worry a bit what that may mean for storing images in wayback archive, no idea....

workaround: e.g. a little bookmarklet for loading images in older browsers.
Short test in Retrozilla seems ok:

javascript:(function(){var img, i, LIST=document.images; if (document.querySelectorAll) LIST=document.querySelectorAll('img[data-src]'); for (i=0; i < LIST.length; i++){img=LIST[i]; if (img.getAttribute('data-src')) {img.src=img.getAttribute('data-src'); img.style.height='auto'; img.style.width='auto';}}})()


example testpage, with 8 screenshots etc. in lower half of page:
https://msfn.org/board/topic/174085-newest-adobe-flash-and-shockwave-and-java-too/page/41/
.

Edited by siria

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.