Une visionneuse pour profiter des « Histoires courtes » sur tous les explorateurs compatibles HTML5…
Voici le code correspondant à l’histoire courte de cette page :
<div style="position: relative; width: 100%; padding-bottom: 66.7%; float: left; height: 0;"> <object style="position: absolute; width: 100%; height: 100%; left: 0;" data="http://histoires-courtes.fr/v.html"> </object> </div>
La variable data contient le lien pour afficher l’histoire courte « http://histoires-courtes.fr/v.html »
Ce lien peut aussi être utiliser directement dans un navigateur.
Le lien sans paramètre affiche l’histoire courte la plus récente.
Les paramètres disponibles sont :
- subject=Nom du répertoire contenant l’histoire courte à visionner
- noheader cache le bandeau d’entête sur l’image d’accueil
- start pour démarrer automatiquement la lecture après le chargement
- scaled pour effectuer une mise à l’échelle maximale en mode plein écran
- noshare désactive le bouton partager
- title=Titre principal, Histoires courtes par défaut
- title=0 pour supprimer le titre principal
L’ajout des paramètres se fait de la façons suivante : http://histoires-courtes.fr/v.html?premier paramètre&deuxième paramètre&etc…
Exemples :
Lien vers l’histoire courte de Magali Ader :
http://histoires-courtes.fr/v.html?subject=Ader
Lien vers l’histoire courte de Magali Ader sans bandeau de titre :
http://histoires-courtes.fr/v.html?subject=Ader¬itle
Lien vers la dernière histoire courte avec mise à l’échelle maximale en mode plein écran :
http://histoires-courtes.fr/v.html?scaled
Remarque :
Pour avoir la liste des histoires disponibles (répertoires) vous pouvez utiliser le lien suivant qui génère une sortie au format xml :
http://histoires-courtes.fr/list.php