Encore un slide show pour spip !

 Un diaporama de textes et images
 Cette fois dans un seul article spip
 Actuellement en phase de test ! Pour accéder au slideshow c’est par là !

Pourquoi faire ?

J’avions besoin de faire un exposé !
 En piochant deçi dela, je pensais pouvoir afficher un slideshow simple sans trop me casser la tête (Pour cette partie là ç’est raté) ! Il existait déjà des contribs très bien pour faire un slideshow mais en fait je n’y comprenais rien et je voulais quelque chose d’utilisabilisable (ben hein on se lache ?) simple quoi !
 Il existait déjà un menu généré automatiquement par les ancres via le filtre Découper un article en plusieurs pages et lui ajouter un sommaire
 Il me suffisait ensuite de faire un squelette qui manipule des css dynamiquement avec.montre{display:block} cache{display:none;}associés pour faire marcher l’ensemble.

Principes

 Dans spip chaque fois qu’un texte est mis entre 3 {{{accolades}}} il génère une balise html et devient  Via le nouveau filtre sommaire_slide_ancre il ouvre en fait un nouveau slide car il génère un div.
En réadaptant le filtre dans slide_fonctions.php3, les ancres disparaissent donc au profit d’un <div>

va générer <div class='invisible voir_xx'><h3>mon titre</h3>mon texte</div>

Le menu

Le menu fonctionne sur le même principe avec le filtre sommaire_slide_article

qui génère<a href="page.php3?fond=slide&id_article=54&page=1"> ou xx est un identifiant qui s’incrémente.

Dans l’article

On ne change rien à la rédaction de l’article

On crée des paragraphes avec des titres entre 3 accolades pour chaque slide.

l’article doit avoir un mot clef ancres-texte assoçié

on appelle l’article soit avec un php3 que l’on crée
http://monsitespip/slide.php3?id_article=54

soit via
http://monsitespip/page.php3?fond=slide&id_article=54

Dans le squelette

On récupère par trois balises équipées de filtres :
 le total des slides
 le menu
 et les slides.

Actuellement

 on peut déjà mettre plusieurs articles d’une même rubrique dans le slideshow
 le logo de l’article devient le fond des slides
 on peut faire un diaporama automatique
 on cache le menu avec le bouton jaune
 il y a juste à rajouter une class print et un #ENV pour que les divs s’ouvrent ç’est en action ici

Ce qu’on ne peut pas faire

 mettre trop de texte dans un slide
 mettre des images trop grandes (pas de filtre image avec TEXTE*)
 superposer les slides

Par la suite

 Rester facilement personnalisable et simple sur tout les points
 Une fois crée, le slide doit pouvoir se passer de spip, on télécharge la page, on la zippe avec ses eventuels images et on l’envoie !

 puisque tout l’article est chargé dans la page j’ai commençé à modifier l’affichage des css en javascriptvoir ici, je me lance mais ç’est pas evident ! même si getelementbyId marche très bien ! je n’ai testé que sous firefox

 en passant les divs en absolute, il y aura moyen de choisir un mode transparent pour superposer des graphs ou images

 In fine le mieux serait de générer un xml pour manipuler facilement les objets de la page en javascript.

Téléchargement des fichiers

A César !

 contrib de Déesse A et Bourgeon à partir du script d’Eric Meyer
 Diapospip de rpapa
 Passer spip en xhtml valide (suite)
 Découper un article en plusieurs pages et lui ajouter un sommaire