Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Caption always inside image (left) #560

Open
rucksman opened this issue Feb 5, 2020 · 1 comment
Open

Caption always inside image (left) #560

rucksman opened this issue Feb 5, 2020 · 1 comment

Comments

@rucksman
Copy link

rucksman commented Feb 5, 2020

Is there a way to have the captions always on the bottom left of the image?

In this example here (https://fotorama.io/examples/captions/) the first picture is exactly how I would like to have it:
image

The second picture shows the problem: The caption is not left bottom of the image but left bottom of the container which results in a misplaced caption:
image

The desired result would be:
image

Also for the third picture which is portrait it is not ideal:
image

Better would be:
image

So the caption container should get the same "left" as the image:
image

As the image changes its size (and so its "left") when changing into kiosk mode (F11 in most browsers) or change windows size, the same should happen to the "left" of the caption container.

@andregriffin
Copy link

Trying to achieve the same thing here, but I can't get my head around where this is applied in the JS.
I've duplicated the 'captions' items and created a 'titles' so that I could render titles for each image in addition to the caption, all from data-attributes. Just trying to get them positioned relative to the image seems to be my biggest stumbling block.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants