36 comments found.
Hi,
Pre-sale question.
1. The bottom right Expand Icon, what is the function? is not doing anything on the demo
2. I have hyperlinks on my PDF, will it still work?
3. Can I set the Thumbnails appear on the bottom bar rather on the left hand side?
Thanks.
Hi, 1. expand icon toggles fullscreen mode. This does not work inside codecanyon preview iframe, but if you click “Remove frame” in top right corner then you will see the demo page directly and fullscreen button will work 2. yes, hyperlinks will work 3. horizontal thumbnails are currently not supported but this feature will be added soon
I recommend that you get this version https://codecanyon.net/item/real3d-flipbook-jquery-plugin/4281720 which has also swipe mode, but it was recently updated and has more features.
Cheers
Hi, Thanks for the quick reply.
1. What is the different of the new plugin compare to this?
2. Does both plugin will load the first few pages for quick reading and load the remaining pages at the background? As my PDF is quite large in size, and do not wish user to wait for it to load.
Thanks again!
1. Real3D Flipbook is our premium product and has some new features, compared to this one, like more options for styling UI, support for Material Icons and it is more frequently updated. 2. Both plugins will load first couple of pages, then load the rest as you list through. For this to work your server needs to support partial requests (range requests).
Cheers
Hi,
1. The enlarge function, it only maximize to the browser size, can it maximize to full screen size?
2. I’m using Wordpress, is there a plugin for this?
Thanks.
Fullscreen button triggers browser fullscreen, except on older iOS where fullscreen is not supported, but instead expands to full browser size. WordPress plugin is here https://codecanyon.net/item/real3d-flipbook-wordpress-plugin/6942587
Unfortunately iOS doesn’t fully support browser fullscreen API it is not possible to make browser fullscreen with button click on iOS
jQuery(document).ready(function() {
jQuery("#book1").swipeBook({
pdfUrl: "pdf/example.pdf",
lightBox:true
});
});
If I added to event does not work
jQuery(document).ready(function() {
jQuery('#test').click(function() {
jQuery("#book1").swipeBook({
pdfUrl: "pdf/example.pdf",
lightBox:true
});
});
});
swipeBook()only creates lightbox instance, you also need to click on element #book1 to open the lightbox, or use option
lightBoxOpened:true
Cheers
Hello
nice, but if you add with pdf viewer an ability to edit the content itself.
Hi,
We want to highlight searched text in yellow color like google Ctrl+F,
Is it possible
Please support us
.flipbook-textLayer mark {
background: #ff0;
opacity: 0.3;
color: transparent;
}
It as basically a div with transparent text that is only used for selection and yellow background. Visible text is rendered on canvas that is below transparent text. You could change that to
.flipbook-textLayer mark {
background: #ff0;
}
but then text will look different because styles are not applied to transparent text layer.
Cheers
I have found some problems: the uncompressed file: flipbook.js does not work. The Select Tool button is missing. I can not find information to use the plugin with several PDF files.
Hi, sorry multiple pdfs are not supported. I sent you an email.
Cheers
Hi, Thank you very much for answering. The two problems: the uncompressed file: flipbook.js and the select tool button have been fixed with the update. With respect to the use of several PDF files, what I try is to have a list of PDF files, which, by means of a thumbnail or link, can be opened with the plugin. In the same way that it appears in the demo. Thank you.
Hi, you need to create multiple books, each with option
lightBox:truePlease see lightbox.html example in the download package.
Cheers
The example lightbox.html is for a single pdf file. The question is: How can the plugin be used to create a gallery with several links like in the demo?
<span class="book1">open book 1</span>
<span class="book2">open book 2</span>
<script>
var options1 = {
lightBox:true,
pdfUrl:"http://example.com/1.pdf"
}
$(".book1").flipBook(options1)
var options2 = {
lightBox:true,
pdfUrl:"http://example.com/2.pdf"
}
$(".book2").flipBook(options2)
</script>
I am trying to mount the links from a table that has two fields, boton and pathPdf. The buttons I have managed to show from a while with php. But I can not do it in the script.
<?php while ($row = mysqli_fetch_assoc($resultado) ) { ?> ”> <?php } ?><script type=”text/javascript”> jQuery(document).ready(function() { var options1 = {lightBox:true, pdfUrl: “pdf/example.pdf”} $(”.book1”).swipeBook(options1) var options2 = {lightBox:true, pdfUrl:”pdf/dos.pdf”} $(”.book2”).swipeBook(options2) }) </script>
Thank you.
$(”.book1”)
represents your button ( element that opens lightbox on click) so button should have that css class.
The button works since it has the necessary class, I have even managed to show the first link to the pdf first of the table with this code: <?php $row = mysqli_fetch_assoc($resultado) ?>
">
<script type=”text/javascript”> jQuery(document).ready(function() { var options = {lightBox:true, pdfUrl: ”<?php echo $row[“ruta”] ?>”} $(”.<?php echo $row[“boton”] ?>”).swipeBook(options) }) </script>
I need to be able to loop to show the other links in the table.
Please send the link and I will check, you can email me at my profile page.
Hi! I’m having trouble in loading pdf files. Some PDF files are not loading. I can send PDF files if you can see what’s wrong with the code or PDF issue.
Hi, please send the link so I can check. You can email me at my profile page.
Cheers
It’s possible to add effect FLIP? because the pages just slide.
Hi, flip is available in my other item https://codecanyon.net/item/real3d-flipbook-jquery-plugin/4281720 If you want to switch you can buy that one and get a refund for this one.
Cheers
Hi, I have it installed on an SSL and it does not work, can you tell me why?
Hi, please send the link so I can check.
Cheers
I’m not clear, this version has only swipe mode? still able to be flip mode as other version because I need it, how can add this function?
Hi, this has only swipe. Real3D Flipbook has flip and swipe.
can I see them as a library, as well as the demo?
You need to make your own book shelf with covers, then you can set each cover to open flipbook in lightbox mode.
Cheers
fantastic work on this, good job
i wish you all the best for sales 
Thanks 
Wow! Great work 
Cheers
Thanks 
Great work! I wish you big sales! 
Thanks 
Great Work, Congratulations GLWS 
Thanks 
Awesome Work! Good Luck With Sale 
Thanks 