Solved

HTML reference to the Lectora-images folder

Hello,

I would like to set a reference to the Lectora-images folder in an HTML extension. The flip effect (see video) works in such a way that the images are displayed. However, I have to use a "trick" to do this. I have to store the images used on the "stage" outside of the Lectora page (see image 1), even though they are present in the Lectora-images folder after importing them into Lectora. Since the FLip effect is calculated by the browser, I created the following reference to the Lectora-images folder (e.g. for the first flip card) in the HTML extension:

<img src="images/flip1bild.jpg" alt="Abflug" style="width:288px;height:342px">

If you delete the images from the page in Lectora after importing the images (note: these images are then available in the Lectora images folder), these images will no longer be displayed during the flip effect (despite a reference to the images folder). OK, it works with my trick; However, without the images on the Lectora page, it is not clear to me how to point to the Lectora-images folder via an HTML reference in the HTML extension.

Does anyone have an idea about this? Thank you. (just noticed that I can't add a video :-( )

ekmud

(Translated with google )

Solution

Lectora doesn't publish / copy images that are not used in the project. And it doesn't know what you do inside the HTML extension.


If you didn't want to have the images on your page, you could add them as "Additional files" in the HTML extensions properties. Just mind the images will not be copied to the images folder but to the main folder, so a reference should just be "image.jpg".

Discussion (3)


... although it just occurred to me that it definitely makes sense to integrate the images on the Lectora site. At the latest, if all unused resources are deleted before publishing to HTML, the 3 flip images would no longer be in the Lectora-images folder if they are not integrated on the Lectora page ... :-)

Lectora doesn't publish / copy images that are not used in the project. And it doesn't know what you do inside the HTML extension.


If you didn't want to have the images on your page, you could add them as "Additional files" in the HTML extensions properties. Just mind the images will not be copied to the images folder but to the main folder, so a reference should just be "image.jpg".