RealBook plugin

est un plugin léger fonctionnant avec jQuery pour toute personne qui souhaite offrir un livre virtuel convivial et fonctionnel à ses visiteurs.

Affichez un livre virtuel sur tous les terminaux, tournez les pages et insérer du contenu riche pour le rendre plus intéressant à lire.

Ce plugin vous intéresse ? Vous pouvez l'acheter en ligne ici ou me cotnacter pour obtenir un devis gratuit pour l'installation.

tom@indacloud.fr

En savoir plus »

Vous amiez le plugin RealBook ? Pourquoi ne pas le partager ?

Fonctionnalités

Simple à installer. Copiez les fichiers et ajouter quelques lignes de code. Il suffit d'ajouter une version récente de jQuery.
Affichez tout dans le livre : texte, images, animations, vidéos, ...
Compatibilité étendue avec les principaux navigateurs. Internet Explorer Chrome Firefox Opera Safari
Compatible avec les smartphones et tablettes.
Plusieurs thèmes et personnalisation simple avec le CSS.
Plusieurs livres sur une même page.
Boutons de navigation. Navigation possible au clavier.
Liens de navigation à l'intérieur du contenu.
Pagination automatique pour les contenus longs.

Exemples

Basique

the simple one

Voici comment faire fonctionner le plugin RealBook de la manière la plus simple avec les options par défaut.

Voir l'exemple »

Avancé

the advanced one

Un exemple avancé de RealBook avec l'utilisation d'un thème, du contenu riche et des liens internes. Avec un peu d'imagination, vous pourrez créer un livre interactif et personnalisé.

Voir l'exemple »

Gros contenu

the big one

Vous avez beacoup de texte dans votre contenu ? RealBook peut vous aider en s'occupant de la pagination automatiquement.

Voir l'exemple »


Documentation

Téléchargement de la documentation

Choisissez votre fichier :

Documentation en anglais


Télécharger

Documentation en français


Télécharger

Voici la liste des options disponibles.
Option Description Défaut
container Si vous voulez que le livre soit ajouté dans une balise <div> existante, donnez son selecteur. Si laissé à null, le livre est ajouté dans le conteneur du contenu. null
height La hauteur en px du livre. Si vous souhaitez utiliser la hauteur définie dans le CSS, passez l'option à 0. 400
width La largeur en px du livre (C'est la largeur globale du livre comprenant les 2 pages). Si vous souhaitez utiliser la hauteur définie dans le CSS, passez l'option à 0. 600
selector Le selecteur de pages. Vous pouvez passer n'importe quel selecteur jQuery qui retrourne l'ensemble des pages. div
firstIsCover Options booléenne qui définit si la première page est une couverture. En d'autre mots, si le livre est ouvert ou fermé au départ. true
onPageLoad La fonction callback appelée à chaque chargement de page. Lors de l'initialisation et à chaque fois qu'une page est tournée.

Elle accès à 3 paramètres : $odd : l'objet jQuery de la page active paire, $even : objet jQuery de la page active impaire et $container : objet jQuery du conteneur du RealBook.

Par exemple, vous pouvez utiliser une fonction anonyme :

$('#mycontent').realbook({
    onPageLoad : function($odd, $even, $container){
        console.log($odd);
        console.log($even);
        ....
        do your stuff here
    }
});
                            
null
background Couleur d'arrière plan des pages. Si vous souhaitez utiliser l'arrière plan défini dans votre feuille de style, passez '' (une chaine vide). '#f3f3f3'
containerBackground Couleur d'arrière plan du conteneur du RealBook. Si vous souhaitez utiliser l'arrière plan défini dans votre feuille de style, passez '' (une chaine vide). white
distance La distance à parcourir en pixel avant de tourner la page. Ceci évite des comportements bizarres lorsqu'on clique sur un lien dan le livre. 15
duration Durée en millisecondes des animations. Compte pour l'animation lorsque la page est relachée et pour les navigations. 500
helpText Texte à afficher dans le popup d'aide. Accepte une chaine de caractères. Click and drag the pages to turn.
showHelpAtStart Doit-on afficher le popup d'aide au démarrage ? Accepte true ou false true
showToolbar Afficher la barre sous le livre ? Accepte true ou false true
sideNavigation Afficher les boutons latéraux de navigation ? Accepte true ou false true
scrollDistance Valeur en pixels du déplacement de la navigation dans la barre sous le livre. Uniquement utile lorsqu'on a un grand nombre de pages. 50
enableKeyboard Activer la navigation au clavier ? Attention Si plusieurs livres sont présents sur une même page, les pages de tous les livres vont se tourner. false
theme Nom du thème à utiliser. Si vous souhaitez utiliser un des thèmes existants ou créer votre propre thème, passez son nom. Le nom doit être le même que la class utilisé dans la feuille de style comme le plugin l'ajoutera au classes du conteneur. default
automaticPageBreak Activer la pagination automatique ? Si votre contenu comporte beaucoup de textes et plusieurs pages, cette fonction peut ajouter le nombre de pages nécessaires pour que le contenu rentre sans déborder. false

Acheter

Vous n'êtes pas un développeur ? Je peux me charger d'installer et d'adapter le plugin RealBook selon vos besoins. Contactez moi par mail, expliquer votre projet et je vous répondrai avec plaisir.
Evoyer un message :tom@indacloud.fr
Qu'y a t il avec le plugin ?
  • Fichiers de développement et compressés du plugin et feuilles de style.
  • Les thèmes "dark" et "notes".
  • La documentation en français et en anglais.
  • Accès illimité au support en cas de bug.
  • Les mises à jours vers les nouvelles versions.
  • Achetez le plugin une seule fois et utilisez le sans limites. Pas de limites de domaines.

Prix29€


Versions

v1.1.0 - 2013/02/11 / Dernière version stable
  • Ajout de la pagination automatique
  • Optimisations et corrections diverses
v1.0.0 - 2013/02/08
  • Changement des thèmes
  • Corrections diverses
v0.1.1 - 2013/01/23 (beta version)
  • Ajout des thèmes
  • Ajout des boutons de navigation latéraux
  • Ajout de la barre d'état
  • Ajout de la navigation au clavier
  • Corrections diverses
v0.1.0 - 2013/01/15
  • Permière version

Support