3. How to

‹?php
$Title="Tinyshaker - JavaScript Turbo Media by JiFReplace it by your own title.";
$Url="http://julien.falgas.fr/tinyshaker/Replace it with your own URL, finished with a "/"."; //adresse url se terminant par un "/"
$FacebookImageUrl="http://julien.falgas.fr/tinyshaker/Replace it with your own URL. Replace the thumbnail.png file (located at tinyshaker's root directory) with a 90x90 thumbnail dedicated to Facebook sharing.thumbnail.png";
$Description="Script PHP/Javascript de publication en ligne de récit sous forme de diaporama.Replace it with your own description, dedicated to search engines and Facebook sharing.";

$UrlRewriting='1If links appear to be broken between your episodes, replace it with a "0" and delet the .htaccess file (located at tinyshaker's root directory).'; //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='5Should be modified : this number fixes how many images should be preloaded next to the current one.'; //nombre d'images à précharger à partir de l'image courrante

$ShowTitle='1Replace it with a "0" to hide the episode title. Use a "2" and the title will appear under the timeline.'; //remplacer par '0' pour n'afficher aucun titre
//remplacer par '2' pour afficher le titre de l'épisode sous la jauge de lecture

$Support='1Replace it with a "0" to hide Facebook comments. Use a "2" to show them at the bottom of your pages.'; //remplacer par '0' pour supprimer l'écran de commentaires en fin d'épisode
//remplacer par '2' pour afficher les commentaires sous l'épisode
$ShowUpdt='0Replace it with a "1" to highlight last updated images with a colored dot in the timeline.'; //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›Replace it with your own credits.';
$ImageWidth='800Enter your images width (pixels).px';
$ImageHeight='450pEnter your images height (pixels).x';

$BgColor='#353435Pick a background color (hexadécimal). The colorpicker.com website would help you...'; //couleur de fond
$C1R='69';$C1V='68';$C1B='69'Pick a new main color (RGB) replacing "69" with the red value, "68" with the green value and "69" with the blue one. The colorpicker.com website would help you...; //Code RVB de la couleur 1
$C2R=$C1R+80;$C2V=$C1V+80;$C2B=$C1B+80On light background pages, try replacing "+80" with "-80". You can try other RGB values as replacements for "$C1R+80" (red), "$C1V+80" (green) et "$C1B+80" (blue).; //Code RVB de la couleur 2
$HlColor='#55BBCCPick an highlight color (hexadécimale). The colorpicker.com website would help you...'; //couleur de surbrillance

$Lang="frReplace "fr" with "en" to choose english as your default language."; //langue par défaut, remplacer par 'en' pour publier en anglais

$Languages=array('fr','en'Keep only 'en' to publish in english only, or 'fr' for french.); //langues disponibles

$IDGoogleAnalytics='UA-61630-15Replace it with you Google Analytics ID.';

?›

Go further...

- Integration link provides an HTML code. This code shows a link to the current episode played into a lightbox.

- Yes; animated .gif files play very well with TinyShaker.

- Add "_new" at the end of a filename, the image will be highlighted with a colored dot in the timeline.

- Use .txt files in place of images if you want to play HTML code in your stories. Though "ul" and "li" tags won't work.

Go further...

- With HTML code, you could play sounds or videos. But keep in mind that Flash content won't play on every device.

- For example, you could create a link to any episode in any .txt file.

- You could create a link to a specific point of the timeline too :
‹a href="#" onclick="tbm.pos(XXX)"›your link‹/a›
Remplace "XXX" with the position number (the first one has the number "0"). You can use "+XXX" or "-XXX" if you want to link "XXX" images forward or backward as well.