trial3rror

Did you ever find a solution to this?

Thanks!
I find it curious that line height would create that small space under the images. Is it the case that the image sits on the baseline of the text line, and the whitespace corresponds to the space reserved for decenders on would be j, g, y, etc.?

How very careless of me. Sorry ’bout that.
Maintenance mode deactivated…

Thanks for your reply!

Yes, I will do that. I am just trying to plan ahead for the work this week-end, so as not to bog myself down in a trialerror maelstrom that could be avoided because it was misconstrued from the outset. I’ll report back.

(Maybe I am just exaggerating the need for a menu system? In terms of using the site there is nothing to be gained, that’s for sure.)

Hi,
Just so I understand correctly, it’s not an interactive menu navigation that I am after (e.g. accordeon opening with submenu). I will only have one menulevel, and I want the accordeon to display content, preferably <article> content.

Maybe my question is a non-question, but there is something with mixing navigation and article-content that raises red flags in my head, but I can’t really wrap my head around it.

You could assign an additional class, e.g. .hide-mfptitle, to the images you want without title to single them out, and then in your CSS do :

.hide-mfptitle {
display: none;
}

No idea (I admitted to being a beginner).

So my functions.php is alright as it is, then, with two instances of add_action?

Thanks!

Thank you WPyogi for pointing me in the right direction!
The boxes for the extended options were not activated in Screen Options.

Since retina-images method is the only method so far that gives me the results that I want, I find it hard to abandon that method. But I am struggling to understand the implications of what you write about caching in post #8 above.

So if I don’t actively implement any caching solution, I can avoid the caching problems you mention?

(To me, understanding the intricacies of how caching works is one of the hardest things about creating websites)

Actually my lightbox displays the full size image always, I think it’s more like the way we should do it.

I agree it would be better not to have to swap at all.

Do you mean that you are serving double-sized fullsize images also to normal devices, causing normal devices to doenload unnecessarily large images?

Or are you using the technique where you optimize the doublesized image so hard (20%-40%) that its file size remains small, not causing any overhead in download time? If yes, how do you get the wordpress gallery to write the <img> tag with half the width/height dimensions of the actual image you upload to wordpress? Or would you go in and edit the dimensions manually for each image in the gallery?

thanks!

Great!
Thank you very much WPyogi and Randy.
/te

Actually skip that 1) passage above.

I did some thorough testing today (making sure I cleared caches in between reloads), with two sites, one running picturefill and the other retina.js, and my old phone behaves no different than the other two LG devices. I also got a friend to check the sites with an Iphone5 and the results match those of the LG devices.

One curious thing is that retina.js on the iphone and retina.js in native browsers on all LG android devices tested, has no effect at all! Nothing is swapped. On chrome and opera, however, images swap. So, picturefill is more reliable than retina.js (but the only thing that works 100% for me is still retina-images server side).

This is a djungle. I have systematized the testing data for these devices, and you can see the results here if you are interested:
https://i.imgur.com/HgsfFLX.jpg

Do you have a wordpress test page with a lightbox of some sort that you know works and swaps in @2x, that I can check with my devices to see how they behave?