Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
general-topic
How to adjust popup image enlargement?
Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 10, 2018 - 2:30 pm

When using popup image enlargement, some very large photos tend to cover the entire page when clicked. The pop-up also loads at the very top of the page, causing the close button to be hidden by the WordPress admin bar for any logged in user. Hitting the esc key, will close the pop-up, but this is unclear to many users. Clicking the image again, loads it in the same tab, replacing the active window, which can cause confusion for some.

How can we adjust the position of the pop-up window to make the close button visible?

Or, can we make the image draggable? It can currently only be dragged by the top border, which is hidden. But then, how might this affect mobile use?

Better yet, or maybe just easier, can we make clicking/tapping the image close the popup instead load the file in the browser window?

Discuss...

I notice the "top" declaration for the element, but this is inline and changes depending upon the size of the image. So changing that via the stylesheet is not an option. Same goes for the z-index attribute.

This applies to any image inserted in a post, whether added via URL or from File Uploader with Plupload.

Screen-Shot-2018-12-10-at-10.50.27-AM.jpgImage Enlarger

Screen-Shot-2018-12-10-at-10.54.11-AM.pngImage Enlarger

Screen-Shot-2018-12-10-at-10.58.52-AM.jpgImage Enlarger

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 10, 2018 - 2:33 pm

I notice on this site, the popup loads in the center of the window instead of at the top of the page.

Where I that controlled?

I do have the Content Settings option set to "Constrain popup enlargement to current window size".

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 10, 2018 - 2:49 pm

jim said
applies to any image inserted...from File Uploader with Plupload.

On a related note, on this site I notice the attachment links open images in a nice lightbox effect with clear close link and "Close (Esc)" note. On our site, clicking the attachment link loads the image in the same window.

How might I just open these links in a new window? Or, how is that effect applied?

Thank you!

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 11, 2018 - 9:34 pm

nothing special...its all stock... this just likely means that something on your site is conflicting... do you have link to an example on your site?  can guests view?

Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 11, 2018 - 9:50 pm

Mr Papa said
...do you have link to an example on your site?  can guests view?

Yes, and yes.

https://tripawds.com/forums/tr.....a/#p217304

Fair warning, some of these particular photos are rather graphic veterinary post-op images.

Thank you!

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 12, 2018 - 9:12 pm

Did you say what browser?  your site seems to be working fine with popups for me on chrome...

do notice  you are using the css and js caches... assume you have cleared them recently with the changes you have been making?

Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 13, 2018 - 2:46 pm

Mr Papa said
your site seems to be working fine with popups for me on chrome...

Interesting, I had the issue in both Chrome and Firefox. Images popped up, but they loaded at the very top of the page and the close button is hidden by our menu. nothing like the nice Lghtbox effect here...

You say:

nothing special…its all stock…

Stock as in built-in SimplePress effect, or WordPress image management, or Jetpack?

assume you have cleared them recently with the changes you have been making? 

Yes, cleared css and js caches during all recent testing. Most of the changes I've been making are on our dev install.

For now, I've addressed the issue by turning off SP image enlargement, and setting up NextGen to launch the Lighbox effect. Perhaps we had some sort of conflict there.

Thanks for the suggestions!

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Dec 13, 2018 - 7:30 pm

I meant standard simple press. We don't have special image manipulation. Nor at wp level either... 

Avatar
jim
Here and Now
Member
Pro Subscribers
sp_UserOfflineSmall Offline
Dec 13, 2018 - 7:42 pm

Mr Papa said
I meant standard simple press...

Thanks for the clarification. Clearly we don't do anything standard.

TripawdsSimple:Press powers the Tripawds Discussion Forums.

It's better to hop on three legs than to limp on four.

The Tripawds Blogs Community is made possible by The Tripawds Foundation.

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 649
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 618
Members: 17348
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10120
Posts: 79607