Open rucksman opened 4 years ago
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.
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](https://user-images.githubusercontent.com/24551016/73867494-204cbf80-4847-11ea-851f-e33c0d4bf7cf.png)
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](https://user-images.githubusercontent.com/24551016/73867539-35295300-4847-11ea-8b0e-cc97f7378011.png)
The desired result would be:![image](https://user-images.githubusercontent.com/24551016/73867569-3eb2bb00-4847-11ea-8711-f410dde20961.png)
Also for the third picture which is portrait it is not ideal:![image](https://user-images.githubusercontent.com/24551016/73867662-5e49e380-4847-11ea-9ee4-6ee7896768b3.png)
Better would be:![image](https://user-images.githubusercontent.com/24551016/73867681-64d85b00-4847-11ea-8583-249cc938db04.png)
So the caption container should get the same "left" as the image:![image](https://user-images.githubusercontent.com/24551016/73867875-b7b21280-4847-11ea-8c45-28a39342fc62.png)
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.