šŸ“¢ BlenderArtists now has image comparison sliders

General Forums Blender Artists Updates
21

Does it look cool? Can this be embedded in posts on other sites?

1 Like
22

I think it looks cool :slight_smile: Iā€™m not sure how embedding works but I donā€™t think most Discourse features can be embedded

23

Thatā€™s really useful thanks @joseph.

2 Likes
24

This is a great addition! Looking forward to many uses of this function.

1 Like
25

Thank you for the tip.

1 Like
26

Woah, thatā€™s awesome, thanks a lot for implementing this! Itā€™ll be great for wireframe and clay comparisons, as well as the occasional support example.

EDIT: I think the giant arrows are a bit distracting. It would be nice to have an option to make them disappear when your cursor isnā€™t hovering over the image.

4 Likes
27

Nice!

Can we have a way to hide the controls? Perhaps while in mouse drag operation? The vertical bar can make it difficult to compare subtle color differences between left and right image.

What would also be cool would be if both images are accessible separately somehow. Maybe show the overlay bar on hover similarly to normal images
image
but display two expand icons image, one for the left and one for the right image? Middle mouse click also does the trick on single images.

1 Like
28

Hi there.
For me, it seems something went wrong a little with this. It seems to have gotten mixed up with the ā€˜Image Galleryā€™-feature somehow. Yesterday, when I tried to use the aforementioned, it didnā€™t seem to want to accept 2+ images.
Also UI-wise (if you will) something seems off for me (mouse cursor hovers over the ā€˜Image Galleryā€™-icon, the little squares, not the star-icon):

screen
screen695Ɨ307 32.1 KB

Screenshot taken after clicking on the ā€˜Image Galleryā€™-icon.

Firefox 113.0.2

greetings, Kologe

29

duh, nice one! :slightly_smiling_face:

1 Like
30

I appreciate everyone adding suggestions, I definitely want this to be the best possible :slight_smile: I just wanted to note that thereā€™s a bit of balancing act involved where adding one feature has a tendency to break existing ones. Ultimately, I trimmed out a lot of nice frills (like expanding images, light boxes, hover state) in order to maximize functional compatibility with Discourse and various browsers.

That isnā€™t to say that no new features will be added, just that Iā€™ve already tried all the ideas shared here so far and all of them broke something on some browser or another. (Getting this to work at all across devices and browsers was shockingly complex and at least partially luck based :sweat_smile:)

Hopefully in the future, as browsers become more robust, Iā€™ll be able to add more of the requested features

9 Likes
31

This is awesome :smiley: I tried it on one of my existing posts and just copied existing image strings into the new div area, so you donā€™t even have to upload images twice, it works. Thank you Joseph!

2 Likes
32

Man thatā€™s AWESOME, a nice and useful tool! i really liked it! :grin:

2 Likes
33

In just 5 days, this slider has been added to 22 posts across the site (and that number just keeps going up!) Iā€™m really glad you all are finding this useful. Feel free to tag me when you use it and Iā€™ll be sure and check it out :slight_smile:

5 Likes