Page 1 of 1

Show image-links i details view

Posted: Sat Dec 03, 2022 10:47 am
by perarneflo
A great feature of the now discontinued iBedé plug-in is that the Details view iBédéView enabled the feature of showing links that are images with simple HTML-coding. I used the iBédéView InfoTemplate to make my own details view so that when I add my own cover as an image in the Links section of Bookpedia I can display them in the details view and not only the default cover in the Main section. In Bookpedia without the iBedé plug-in my own covers (added as links) are only displayed as a missing picture in a web site with a question mark.

Is it possible to enable this feature in Bookpedia in a simple way? I guess it has something to do with Javascript that enables this behaviour. I don't know any programming, except some HTML, so I have no clue what the trick is. :? Maybe you do, Conor?

With iBedé plug-in
Image

Without iBedé plug-in
Image

Re: Show image-links i details view

Posted: Sun Dec 04, 2022 8:28 pm
by FineWine
Hi.
Are the image Links referencing a website or locally stored.

Locally stored images for Bookpedia InfoTemplates are stored here: ~/Library/Application Support/Bookpedia/InfoTemplates/Images

So if they are locally stored you might see something like this in the html code: src="Images/ The pedia automatically knows to look: ~/Library/Application Support/Bookpedia/InfoTemplates/

In my own case with DVDpedia I have written my own InfoTemplate which also displays Cast photo's which I have locally stored. I have keep them separate from ~/Library/Application Support/Bookpedia/InfoTemplates/images files by adding a sub-folder within the Images folder called Cast, therefore the link would be src="Images/Cast

Your problem looks like the images are not in the same place that your reversed engineered iBedé InfoTemplate thinks they should be, whether that be a locally stored link or a website link.

Having a further look at the two images you have posted there is a field called iframe-link: If I have translated the link in that field correctly (https://www.flø.com/ics/serier/a-b/allanfalk/page1.html) are you using this link for one of the images ? Therefore what are you using for links to the other two images. Perhaps this site: https://www.bedetheque.com/BD-Ric-Hoche ... 20201.html as this site has all three images and also matches your InfoTemplate view linked icon in its Title bar.

Either way, if you would like, I could take a look at your code. Send me the original iBédéView InfoTemplate as well as your own reversed engineered View InfoTemplate code. Place the two html files in a zip file. Just click on the email symbol below my avatar.

Cheers

Re: Show image-links i details view

Posted: Mon Dec 05, 2022 3:51 am
by perarneflo
Thank you for your interest in helping me! :)

The images are stored locally. The iBedé plug-in stores them in different folders: "~/Bookpedia/Plug-ins/iBede/Ex-Libris/", "~/Bookpedia/Plug-ins/iBede/Planches/" and "~/Bookpedia/Plug-ins/iBede/Versos/". In the InfoTemplate they are referred to as

Code: Select all

<a href="[link:url]" id="[link:name]"><img src="[link:url]" alt="[link:type]"></a>
If I click on the images in the Details View window they are displayed in the main window of Bookpedia. This happens both with and without the iBedé plug-in.

I´ll send you the Info Templates if you want to take a look. My suspicion is that all the code in the script tag at the beginning of the templates are doing the magic if the plug-in is installed. But I don't know any javascript so I can't decipher it.

P.S. The iframe-link you mention is only a field I use for generating a webpage with all the covers when I export my collection as html to publish my collection on my website at http://www.flø.com/ics