bookblock - Debugging jQuery Animation -
i using page flipping plugin called "bookblock" (demo can found here).
i have put images on each page, adding dynamically. problem when flip page, previous , next divs squished on each side of book. following screenshot taken mid-animation of page flip.
as can see each page in book "item1", "item2", etc. of display properties set "none", reason can seen.
a live version of site can found here. have tried adding
$(".bb-item").hide();
right before animation sequence, appears begin on line 259 of js/jquery.bookblock.js, no luck. how else go debugging problem?
update: sorry, should have mentioned can access flipbook clicking on "expand" icon, in bottom right of each div in live version.
i not sure why works, face's useful comment helped me find resizing window fixes problem.
right after update items inside book, trigger resize method:
$(window).resize();
and seems rid of problem, thanks!
it appears bookblock js file uses called debouncedresize
seems attach listener window resize event. suspect might related, currently, don't have proper explanation of behavior.
Comments
Post a Comment