3.Tutoriel

‹?php
$Title="Tinyshaker - JavaScript Turbo Media by JiFRemplacez ce texte par le titre de votre récit.";
$Url="http://julien.falgas.fr/tinyshaker/Remplacez ce texte par l'adresse URL de votre récit, l'adresse doit se terminer par un slash "/"."; //adresse url se terminant par un "/"
$FacebookImageUrl="http://julien.falgas.fr/tinyshaker/Remplacez ce texte par l'adresse URL de votre récit, et remplacez l'image thumbnail.png (à la racine du dossier de TinyShaker) par une miniature (90x90) qui s'affichera lors du partage de votre lien sur Facebook.thumbnail.png";
$Description="Script PHP/Javascript de publication en ligne de récit sous forme de diaporama.Remplacez ce texte par une description attrayante, elle sera affichée dans les moteurs de recherche et lorsque les lecteurs partageront votre lien sur Facebook.";

$UrlRewriting='1Si les liens entre les épisodes ne fonctionnent pas, remplacez le "1" par un "0" et supprimez le fichier .htaccess à la racine du dossier de TinyShaker'; //passer à '0' si votre hébergeur ne gère pas convenablement la réécriture d'url et que les liens entre les chapitres ne fonctionnent pas

$Preload='5Aucune modification de ce chiffre ne devrait être nécessaire.'; //nombre d'images à précharger à partir de l'image courrante

$ShowTitle='1En remplaçant le "1" par un "0", le titre de l'épisode ne sera plus affiché. Avec un "2", il sera affiché sous la jauge de lecture.'; //remplacer par '0' pour n'afficher aucun titre
//remplacer par '2' pour afficher le titre de l'épisode sous la jauge de lecture

$Support='1En remplaçant le "1" par un "0", il n'y aura plus d'espace pour commenter l'épisode sur Facebook. Avec un "2", cet espace sera affiché en bas de page.'; //remplacer par '0' pour supprimer l'écran de commentaires en fin d'épisode
//remplacer par '2' pour afficher les commentaires sous l'épisode
$ShowUpdt='0Remplacez le "0" par un "1" pour que les nouvelles images soient mises en surbrillance par un point coloré dans la jauge.'; //remplacer par '1' pour que les fichiers mise à jour au sein d'un épisode soient mis en valeur sur la jauge


$Credits='By ‹a href="http://julien.falgas.fr"›Julien Falgas‹/a›, inspired by ‹a href="http://www.scriptiny.com/"›Michael Leigeber‹/a›\'s ‹a href="http://www.scriptiny.com/2010/09/fading-slideshow-script/"›TinyFader‹/a›‹br/›Grenade design by ‹a href="http://www.fredboot.com"›Fred Boot‹/a› Icons by ‹a href="http://paulrobertlloyd.com/"›Paul Robert Lloyd‹/a›Remplacez ce texte par les crédits de votre récit.';
$ImageWidth='800Indiquez la largeur de vos images (en pixels).px';
$ImageHeight='450pIndiquez la hauteur de vos images (en pixels).x';

$BgColor='#353435Choisissez une nouvelle couleur de fond sous forme hexadécimale. Si besoin, aidez-vous du site colorpicker.com...'; //couleur de fond
$C1R='69';$C1V='68';$C1B='69'Choisissez une nouvelle couleur d'ambiance sous la forme RGB en remplçant "69" par la valeur de rouge, "68" par la valeur de vert et "69" par la valeur de bleu. Si besoin, aidez-vous du site colorpicker.com...; //Code RVB de la couleur 1
$C2R=$C1R+80;$C2V=$C1V+80;$C2B=$C1B+80Sur une page à fond clair, remplacez les "+80" par des "-80". Vous pouvez aussi essayer de saisir des valeurs RGB particulières à la place de "$C1R+80" (rouge), "$C1V+80" (vert) et "$C1B+80" (bleu).; //Code RVB de la couleur 2
$HlColor='#55BBCCChoisissez une nouvelle couleur de surbrillance sous forme hexadécimale. Si besoin, aidez-vous du site colorpicker.com...'; //couleur de surbrillance

$Lang="frRemplacez "fr" par "en" pour publier en anglais par défaut."; //langue par défaut, remplacer par 'en' pour publier en anglais

$Languages=array('fr','en'Ne laissez que 'fr' si vous ne publiez qu'en français ou 'en' si vous ne publiez qu'en anglais.); //langues disponibles

$IDGoogleAnalytics='UA-61630-15Remplacez ce texte par votre identifiant Google Analytics pour mesurer votre audience.';

?›

Pour aller plus loin...

- Le lien "intégrer" vous fournit un code HTML à copier/coller sur votre blog ou votre site web. Ce code vous permet d'intégrer l'épisode en cours sous la forme d'un lien vers une "lightbox".

- Oui, les fichiers .gif animés fonctionnent parfaitement.

- Ajoutez "_new" à la fin du nom d'un fichier (avant l'extension .jpg, .png, .gif...) pour que l'image correspondante soit identifiée par un point coloré dans la jauge de lecture.

- Si vous connaissez le HTML, vous pouvez utiliser un fichier .txt à la place d'une image dans vos épisodes. Le contenu du fichier .txt sera traité comme du code HTML à l'intérieur du cadre de lecture. Dans votre code HTML, évitez simplement les balises de liste (ul et li).

Pour aller plus loin...

- L'insertion de code HTML vous permet d'insérer tout ce que vous pouvez imaginer (son, vidéo, animation, ...). Attention toutefois, car certains appareils ne pourront pas lire le Flash.

- Vous pouvez par exemple créer des liens hypertextes entre vos épisodes.

- Pour créer un lien hypertexte vers une image au sein d'un épisode, utilisez le code suivant :
‹a href="#" onclick="tbm.pos(XXX)"›votre lien‹/a›
Remplacez "XXX" par le numéro de l'image (sachant que la première de l'épisode porte le numéro "0"). Vous pouvez aussi saisir "+XXX" ou "-XXX" pour sauter de "XXX" images en avant ou en arrière.