Forums

Okay here's what I've been playing around with, RS-Linkify Version 3.0.7.2 is needed.

This is my attempt at a lightbox. Keep in mind it's not finished, but I need test it and run it before I do any more on it. There are limitations and it will only work with standard embedding. I will eventually tie it into everything when I feel it's finished.

- Clicking an image will pop out the pic and resize it as best I can to your browser window.

- A single click anywhere will close it.

- Scrollwheel will zoom in and out at the cursor position.

- Clicking and dragging (only when zoomed in) will pan the image.

- Middle click opens image in new tab (works for images in and out of lightbox).

Remember update RS Linkify to Version 3.0.7.2 to see the lightbox.


Here's a test image complements of Rowley

http://i.imgur.com/b70KNga.jpg

Feel free post some test images and try it out. I have already found very tall narrow images don't work too well. But that's just how it is when fitting an image to screen and keeping aspect ratio. Fortunately right clicking and opening in a new tab is always an option.

Updates....

- Transitions have been sped up, they now take .5 seconds
- Click anywhere to close
- Middle click to open image in new tab

Thanks to Morgan, Blasty and Blazey80 for the feedback and help

03-Jul-2014 04:14:52 - Last edited on 03-Jul-2014 04:15:20 by Indecent Act

http://puu.sh/9UyP7.jpg
Le test
Edit: Looks amazing indy

03-Jul-2014 04:18:28 - Last edited on 03-Jul-2014 04:18:56 by Vandalizes

@Rowley, glad you like it so far. I was thinking I might be better off to hide the scrollbar while the image is popped out and restore it when it's closed.

And aww poor Moobrand. I hope he isn't too shy to post here.

@Glacor, thanks, and I hope you like your new title

03-Jul-2014 04:25:04

Wow, that's awesome Indy ­<3

Thanks for all the work you put into Linkify! -sets down a ­coffee reward for you-

­­­­ One must strive to increase in power,
but also in knowledge of how to wield that power.

-Zaros

­­­­

Lady of Zaros

Proud Linkify user - Become one of the Family!

03-Jul-2014 04:35:03

Indy this is beautiful ­<3
http://puu.sh/9UARY.png

Loving the work so far. I've run out of feedback, maybe the others will spot some other things

03-Jul-2014 04:51:35

http://puu.sh/9UAZB.png

And it keeps going

http://puu.sh/9UB1S.png

03-Jul-2014 04:52:19 - Last edited on 03-Jul-2014 04:53:01 by Morgan

Hevilmystic said :
As for the lightboxes, they are brilliant. I have one minor issue though: It takes the scroll bar on the right hand side into account when calculating your browser size. Is it possible you could make it not count ~20 pixels on the right hand side?

Okay I've tried a few things, it is possible but this is how it looks.
http://puu.sh/9UE5j.jpg

That looks kind off to me and tbh I'm not keen on doing that.


I've tried hiding the scrollbars and that works well, everything has perfect symmetry. But the content of the page jumps 17px to left and back again when the images opens and closes, that's off putting as well.

So what I can instead of making background behind the image semi transparent like it is currently in the lightbox. I can make it opaque, this hides the content moving when the scrollbars disappear. It looks like this...
http://puu.sh/9UEB4.jpg

So I have two options, leave it as is or remove the scrollbars and make the background opaque.

Opinions?

Edit: I might just do an update with the last idea and see what people think

03-Jul-2014 05:54:41 - Last edited on 03-Jul-2014 05:55:54 by Indecent Act