O plug-in Wowbook jQuery cria Flipbooks usando arquivos html, imagens ou pdf.
Suporte para PDF:
Usando a biblioteca PDF.js, o Wowbook pode renderizar arquivos PDF com suporte para links internos, links html externos, índice e texto selecionável.
BETA: PESQUISA DE PDF
AVISO: A renderização de PDF não funciona no IE9 porque a biblioteca PDF.js não funciona no IE9
Responsivo:
Vem com recursos integrados para redimensionar o livro para se adaptar a diferentes dimensões de telas. Suporte de toque (com pinça para ampliar e clique duplo para ampliar). Barra de ferramentas responsiva.
Fácil de usar:
Vem com 3 exemplos prontos para usar. Opções para criar automaticamente barra de ferramentas, índice, miniaturas, um contêiner responsivo e numerar as páginas do livro.
Características :
- pode renderizar arquivos PDF usando a biblioteca PDFjs
- Modo de página única
- Modo responsivo de página única (para celular)
- Capa maior que as páginas internas
- Barra de ferramentas (com ícones de fonte)
- Índice
- caixa de luz
- carregamento lento
- curvar o canto da página ao passar o mouse
- miniaturas automáticas
- suporte da direita para a esquerda
- 2 efeitos realistas de virada de página, um para capa dura e outro para folhas de papel comuns.
- suporta todos os principais navegadores
- não precisa de flash
- fácil de usar: crie seu conteúdo usando HTML e CSS.
- Responsivo
- suporte de toque (incluindo beliscar para ampliar)
- Tela cheia
- páginas duplas
- Livro que não pode ser fechado (também conhecido como livro sem capas)
- links diretos
- os links funcionam como esperado: crie um link para uma página ou um elemento dentro do livro e o livro mostrará a respectiva página
- ampliação
- suporte botão voltar do navegador
- apresentação de slides (com opção para loop)
- navegação por teclado (configurável)
- navegação na roda do mouse (configurável)
- API
- reproduz um som de página virada em navegadores com suporte para a tag de áudio
- numeração automática de páginas
- ferramenta para ajudar a gerar um sprite de imagem para miniaturas
Itens usados na visualização
Modelo de revista – Layout de página do InDesign 40 V1
Modelo de revista – Layout de página do InDesign 40 V8
Atualizações:
Atualizado em 13/10/2020:
- Novas opções “thumbnailNumber” e “onThumbnailNumberString”
- Bugfix – opção “strings” não estava configurando corretamente o tooltip para o controle “home”
- Bugfix – as miniaturas estavam desalinhadas no Chrome com jQuery 3.2.0+
Atualizado em 27/05/2019:
- Nova opção “thumbnailsHideOnClick”
- CSS aprimorado para evitar transições de CSS na página da Web para cascata para os elementos na estrutura do livro
- Correção de bug na renderização de pdf: removeu uma condição que poderia renderizar uma linha branca em algumas combinações de dimensões de página e escala do livro
Atualizado em 29/07/2018:
- Corrigir um problema causado por bug introduzido recentemente no Chrome
Atualizado em 30/03/2018:
- BUGFIX: correções de bugs em alguns casos extremos
Atualizado em 07/08/2017:
- BUGFIX: beliscar para ampliar não estava funcionando corretamente quando o lightbox apareceu em uma página rolada
Atualizado em 17/05/2017:
- Nova opção “strings” para personalizar textos na barra de ferramentas
- Novo controle da barra de ferramentas: botão home
- Novo controle da barra de ferramentas para mostrar a página atual e o total de páginas do livro
- Novo recurso para personalizar a miniatura de uma única página
- Nova opção “thumbnailsImages” para personalizar a miniatura de todas as páginas do livro, sem usar sprites
- BUGFIX: usar jQuery.noConflict e pesquisa em pdf causou um erro
Atualizado em 24/01/2017:
- Biblioteca PDF.js atualizada para a versão 1.6.210
- A renderização de PDF agora carrega cmaps sob demanda
- Nova opção para exibir o sumário ao iniciar
- várias pequenas correções de bugs
Atualizado em 25/08/2016:
- Adicionado exemplo com lightbox
- corrigido erro na documentação referente a opção “lightbox”
- BUGFIX: página dupla aparece invertida com rtl ativado
- BUGFIX: condição de corrida pode causar erro ao renderizar arquivos PDF
Atualizado em 04/08/2016:
- Novo recurso: suporte beta para pesquisa em PDF
- agora renderiza novamente a página pdf ao aplicar zoom
- Nova opção: swipeDuration
- Novo retorno de chamada: onLoadPDF
- sai automaticamente do modo de tela cheia depois de fechar o lightbox
- BUGFIX: o furto foi invertido com rtl ativado
- BUGFIX: a página algumas vezes pode ser “cortada” no celular com arquivos PDF e clipBoundaries: true
- várias pequenas correções de bugs
Atualizado em 17/05/2016:
- Novo recurso: extrair índice de arquivos PDF
- Novo recurso: texto selecionável ao renderizar arquivos PDF
- Novo recurso: clique duas vezes/toque para ampliar
- Novo recurso: botões de navegação lateral
- Novo recurso: barra de ferramentas responsiva
- várias pequenas correções de bugs
Atualizado em 22/10/2015:
- SUPORTE ABANDONADO PARA IE7 E IE8
- Novo recurso: modo de página única
- Novo recurso: modo responsivo de página única (para celular)
- Novo recurso: Capa maior que as páginas internas
- Novo recurso: Barra de ferramentas (com ícones de fonte)
- Novo recurso: índice
- Novo recurso: caixa de luz
- melhor suporte a pdf
- melhor suporte de toque
- novos exemplos: um exemplo mínimo e uma versão limpa da visualização ao vivo
- novas opções maxWidth e maxHeight
- várias correções de bugs
Atualizado em 15/03/2015:
- Novo recurso: suporte para arquivos PDF
- loop durante o modo de apresentação de slides
- ferramenta para ajudar a gerar um sprite de imagem para miniaturas
Atualizado em 14/11/2014:
- Novo recurso: livro sem capa
- várias correções de bugs
Atualizado em 01/07/2014:
- Aperte para ampliar, zoom com animação fluida e o livro pode ser arrastado no modo de zoom.
Atualizado em 23/04/2014:
- Novo recurso: carregamento lento
Atualizado em 13/04/2014:
- Novo recurso: suporte da direita para a esquerda
Atualizado – 04/08/2014:
- Novo recurso: tela cheia
- Novo recurso: páginas duplas
Atualizado – 28/03/2014:
- Novo recurso: Responsivo
- Melhor performance
Atualizado – 09/04/2013:
- Novo recurso: miniaturas
- bugfix: o zoom não estava funcionando corretamente no IE8 e visualizando em documentMode IE7
Atualizado – 21/03/2013:
- correção de bug: o Chrome faz a capa ‘pular’ quando você passa o mouse próximo à borda da capa.
- bugfix: tocar na borda da página não está virando as páginas
Atualizado – 11/03/2013:
- curvar o canto da página ao passar o mouse
Atualizado – 28/02/2012:
- suporta IE10
- suporte jquery 1.9.1
- correção de bug no suporte por toque.
- pequenas correções de bugs em alguns casos extremos.
- opção de configuração adicionada ‘zoomMin’
Atualizado – 26/06/2012:
- suporte de toque no ipad: arraste a borda das páginas e deslize para mudar de página.
- O efeito ‘hardpage’ usa 3D quando disponível.
- bugfix: no IE, as imagens dentro de uma página podem impedir que o usuário arraste a borda da página.
Artigos Relacionados