twentytwenty icon indicating copy to clipboard operation
twentytwenty copied to clipboard

How to get a larger comparison box?

Open Danman800 opened this issue 6 years ago • 3 comments

Hello,

I am pretty new to this and I want to use this script for comparison of pictures. I want the original size but the script is only showing the pictures in a small box. How do I get the original picture size?

Thanks!

Danman800 avatar May 26 '18 22:05 Danman800

I managed to get the box the size of the screen/browser but the part of the picture larger than the screen is cut off. How can I fix this?

Danman800 avatar May 27 '18 15:05 Danman800

The plugin doesn't change image-Size (Only position) Use regular css for this.

One idea:

.reponsive-img{
   width: 100%;
   height: auto;
}

https://www.w3schools.com/howto/howto_css_image_responsive.asp

https://www.w3schools.com/cssref/pr_dim_width.asp https://www.w3schools.com/tags/att_img_width.asp

Ezra-Siton-UIX avatar Aug 13 '18 23:08 Ezra-Siton-UIX

It would be very useful to set an image size in the plugin's config!!!

EDIT:

I looked into the src & it seems like twentytwenty is supposed to take the img width, but it's somehow not for me:

container 2019-03-14-155225_622x487_scrot

where the actual image size is 569 x 376

EDIT 2:

when resizing the image container via css, the clip-path value is not updated correctly

chris-aeviator avatar Mar 14 '19 14:03 chris-aeviator