This note gives some hints to use the
freefind search engine in your album. It can also be used to search persons found with the face program
TAGTHATPHOTO.
To add a search text box with a search button open the
freefind website and enter the website of your album and add the other required data. Next select the Build Index tab and click the Index now link. If the building of the index is ready, you will get an e-mail.
To get the required code to your album open the HTML tab, select the search box layout of your choice and get the html code. Next add that code to the top index page of your album. I use the most simple search box, but use 'On page' results, so I add also the extra javascript code.
I did remove the table tags in the fetched html code, translated the search button text in Dutch and saved the result for my
FancyBox skin albums in file buttons.inc in the root image directory of the album:
<!-- Start of buttons.inc-->
<!-- start of freefind search box html -->
<form style="margin:0px; margin-top:-40px;" action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
<input type="hidden" name="si" value="your_side_id">
<input type="hidden" name="pid" value="r">
<input type="hidden" name="n" value="0">
<input type="hidden" name="_charset_" value="">
<input type="hidden" name="bcd" value="รท">
<input type="text" name="query" size="15">
<input type="submit" value="zoek">
</form>
<script src="//inc.freefind.com/inc/ffse-overlay.min.js" async></script>
<!-- end of freefind search box html -->script src="//inc.freefind.com/inc/ffse-overlay.min.js" async></script>
<!-- End of buttons.inc-->
You could enter this code also in the FancyBox Index page / Footer / html code text box.
For other skins you have to find a way to insert code for the search box in the index page.
You can see the result in my
Algarve album.
I did customize the search page: I did remove the site map which for unknown reasons does not contain useful information for jAlbum folder albums. I changed also the background and text color of the search window.
Things to know:
- The FancyBox skin generates a one page html file per album and uses dynamic slide pages, so no information of the slide page is in the generated index file. Instead I put in the FancyBox version 3.4.1 all relevant search data in the alt attribute via settings in the 'Index page / General / Show in thumbnail tooltip' group. This is of course different for other types of skins.
- No input for the search box is possible if the search box is in a touch swipe area. So with the FancyBox skin you have to select on the same settings page 'Allow swipes: On the theme image only' or 'Allow swipes: Nowhere on the index page'.
- I use a menu for all my albums with folders. This menu code is on every folder album, so if you select a search text which is available in the menu, you get a multiple match for all folder albums. To avoid this, the freefind spider can skip the menu text by inserting tag <!-- FreeFind Begin No Index --> before the menu and <!-- FreeFind End No Index --> after the menu. This is done in the newest version of the FancyBox skin.
It is also useful to implement a freefind search box above all your albums on your website as I do in the upper right corner of
my photo index page. Via that box, you can search all my albums.
If you use Face Recognition software like
TAGTHATPHOTO which stores the person names in keywords, you should select both the xmp and the IPTC Caption comment source in the lAlbum 'Advanced / Metadata' tab and select in FancyBox the Keywords option for a thumbnail tooltip and / or for the slide description. The person names are now added to the freefind search database.
Edited by: AndreWolff on 28-Mar-2021 12:40
