Custom thumb for “Images” book source type

  • Resolved xyshoor

    (@xyshoor)


    1 year, 5 months ago

    Hi, I was wondering if there’s perhaps some CSS magic that could allow me to have a thumbnail image that’s different from the cover page, just like you can do it with choosing a pdf as the source. The book has 142 pages, and I noticed that when I load it as a pdf (that weighs a whopping 500mb) it takes ages for pages to load, especially when I flip to further pages. With individual images as the source it seems to load faster and I don’t have to wait for the whole pdf to load to, say, view the last few pages. But yeah, for design reasons I want the thumbnail to have a call to action charm, while still retaining the cover opening animation when I hover.

    For NDA reasons I can’t really show the website, but with this particular issue I don’t think it would be necessary in the first place.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author DearHive

    (@dearhive)

    Hi,

    We have added an article on this:

    Give it a try:
    https://dearflip.com/create-custom-thumb-for-image-flipbook/

    Thread Starter xyshoor

    (@xyshoor)

    Oh my, thank you for writing an article about that ??
    I really appreciate it!

    Thread Starter xyshoor

    (@xyshoor)

    Hey, I’m sorry it took me this long to report back, but I did encounter an issue with this method.

    It doesn’t seem to work with the thumbtype=”div” attribute. If I change it to “img” then the image indeed gets substituted, but not only is it small, the

    ._df_thumb{
    width:310px;
    height:367px;

    }

    css causes a lot of white spaces to show which don’t even correspond to the aspect ratio of the thumbnail in the first place (the white bg has more width than height for one thing).

    Removing thumbtype=”div” altogether makes it not substitute the cover at all.

    Plugin Author DearHive

    (@dearhive)

    Hi,

    Can you share the link to your page.

    thumbtype=”div” is not future proof so its notused in version 2.0+

    Any issues with img, we will suggest after we see it in your implementation.

    With img type you do not provide height in the css, just the width. Providing height causes issues.

    Best Regards,

    DearHive

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom thumb for “Images” book source type’ is closed to new replies.

Tags