Preview images from within LJ-cuts

[malesca]

I wrote a Greasemonkey script to preview images from within LJ-cuts.

Comments

[jods]

Oo... that is cool beans.

I'll have to see if I can get that to work. :D

[wyntermoonwolf]

I don't know much about the power of GreaseMonkey so....

The previewed images are the true full-sized image scaled down or actual icons created for display?

Either way, it seems like the full pic would need to be downloaded anyways but curious.

[malesca]

They are the actual picture scaled down (using CSS max-width and max-height). So yeah, the full picture(s) need to be downloaded.

[groovitude]

It doesn't work for me. I don't think it's the layout as I tried to view lj cuts on journals with many different layouts.

[groovitude]

Ok. Now it works, but I'll have to see what I can do to make it work on all journal styles.

[logopolys]

You want to edit this post to have an LJ-cut with pics? I'd like to test it out, but I can't find a good post to use.

[malesca]

Good suggestion, should have thought of that.

Edited.

[logopolys]

I'm seeing nothing.

[malesca]

You should see a preview before the second cut (and the first cut, if you've changed the default settings) when you visit http://community.livejournal.com/lj_nifty/.

This presupposes that you're using Firefox 1.5, Greasemonkey (I have 0.6.5), that Greasemonkey is active (there should be a smiling monkey at the right-hand side of the Firefox status bar) and obviously that the script is installed. Confirm the latter by right-clicking the monkey when on the community page - the script should be listed.

If you have all this and it still doesn't work, I've no idea what the issue is. It works fine for me as well as for some friends who use the script.

[avatar]

Are the previews meant to be so big? They seem to be more than 50% of the actual pictures' size.. I thought it was going to be like a thumbnail.

[malesca]

If you only preview the first image (this is the default setting), then it's displayed only small enough to fit nicely in layouts such as Generator - but it's not intended to by thumbnail-sized. If you've configured the script to preview all images from a cut, they are displayed very small, though (as in my screenshot in the post above).

Toggling between previewing the first image or all images is done in Tools > User Script Commands.

If you want to change the size values:

Tools > Manage User Scripts, select the script, click Edit, change the max-height and max-width values in these lines:

" p.GM_cutPreview img { max-width:580px; max-height:500px; border: 2px dashed #000; } " +
" p.GM_cutPreviewMany img { max-width:100px; max-height:100px; margin:5px; } " +

The first of those lines sets the maximum size when you only preview the first image (default settings). The second last sets the maximum size when you preview all images.

[malesca]

Eh, I mean "the second", not "the second last". :p

[avatar]

Cheers!