R

okBox est un module interne fonctionnant en JavaScript qui vous permet d’afficher facilement des formats médiatiques multiples incluant des images, des vidéos et la musique. Je vous présente quelques exemples de la syntaxe utilisée pour une variété de fonctions.

Les images :

• Cette démonstration charge une image.

[rokbox title="Audi RS8 :: Titre exemple pour une Image RS8" size="561 350" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/rs8_thumb.jpg"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rs8.jpg[/rokbox]

• Cette démonstration charge une image sous forme d’un lien.

[rokbox title="Audi RS8 :: Titre exemple pour une Image RS8" size="561 350" text="Roxbox sous forme de lien à la place d'une image"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rs8.jpg[/rokbox]

Les sons Audio :

• Cette démonstration charge un son mp3.

[rokbox title="Ecouter un son mp3" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/mp3.jpg" size="250 15"]http://tennisclub.eg2.fr/flash/musique/player/download/song1.mp3[/rokbox]

Les vidéos :

• Cette démonstration charge une vidéo Flash SWF.

[rokbox title="Regarder une vidéo :: au format Flash" size="400 140" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/flash.gif"]http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/rt_movie.swf[/rokbox]

• Cette démonstration charge une vidéo Youtube.

• Cette démonstration charge la vidéo de l’image ci-dessus.

[rokbox title="Bus :: 2010 Aston Martin Vantage V 12" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/youtube.jpg" size="750 444"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&hd=1&autoplay=1[/rokbox]

• Syntaxe pour charger la vidéo en Qualité normale sous forme d’un lien.

[rokbox title="Bus :: 2010 Aston Martin Vantage V 12" text="Qualité normale" size="425 373"]http://www.youtube.com/watch?v=6RWQz0Q7_zY[/rokbox]

• Syntaxe pour charger la vidéo en Qualité HD + Lecture Auto + Couleurs sous forme d’un lien.

[rokbox title="Bus :: 2010 Aston Martin Vantage V 12" text="Qualité HD + Lecture Auto + Couleurs" size="750 444"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&autoplay=1&fs=1&color1=0x5d1719&color2=0xcd311b&hd=1&border=1[/rokbox]

• Syntaxe pour charger la vidéo en Qualité HD + Lecture Auto + Départ à 36 s sous forme d’un lien.

[rokbox title="Bus :: 2010 Aston Martin Vantage V 12" text="Qualité HD + Lecture Auto + Départ à 36 s" size="750 444"]http://www.youtube.com/watch?v=6RWQz0Q7_zY&hd=1&autoplay=1&start=36[/rokbox]

• Cette démonstration charge une vidéo FLV.

[rokbox title="Primavera :: Une apparence Terre et Espace." thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/flv.jpg" size="700 414"[http://demo.rockettheme.com/extensions/images/stories/demo/rokbox/primavera.flv&buffer=10&autostart=true&fullscreen=true&width=700&height=414[/rokbox]

• Cette démonstration charge une vidéo Metacafe.

[rokbox title="Haricots Magiques :: Comment faire des Haricots de Magie Sautants" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/metacafe.jpg" size="400 345"]http://www.metacafe.com/watch/1291008/how_to_make_jumping_magic_beans/[/rokbox]

Les pages Web :

• Cette démonstration charge une page d’un site externe, taille de la fenêtre : size="750 450".
• La taille spécifiée est le plein écran : size="fullscreen".
• La taille peut être spécifiée en pourcentage : size="70% 80%".

[rokbox title="Vous voulez dire... :: ...Google ?" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/google.jpg" size="750 450"]http://www.google.com[/rokbox]

[rokbox title="Vous voulez dire... :: ...Google ?" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/google.jpg" size="fullscreen"]http://www.google.com[/rokbox]

[rokbox title="Vous voulez dire... :: ...Google ?" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/google.jpg" size="70% 80%"]http://www.google.com[/rokbox]

Les fichiers :

• Cette démonstration charge un fichier PDF.

[rokbox size="fullscreen" title="Fichier PDF :: Certificat médical obligatoire pour la pratique du tennis en compétition" thumb="http://demo.rockettheme.com/wordpress/wp_affinity/wp-content/rockettheme/wp_affinity/pdf.gif"[http://www.fft.fr/cms/GetDoc.asp?Type=5&ID=2919[/rokbox]

Quelques trucs et astuces :

1Pour intégrer la syntaxe du module Rokbox dans vos articles, utilisez le mode HTML de l’éditeur de texte. Il vous permet de saisir directement du code HTML dans le contenu de votre article.

2Pour passer d’une image à l’autre, directement à partir de la fenêtre Rokbox, il faut lier à chaque image le même code entre les crochets du style : album="demo".

3Utilisez la Typographie et sa multitude de fonctions.