Afficher la vignette ou l'illustrationDeux images peuvent être associées à chaque informations: la vignette et l'illustration. La vignette est généralement une version en petite dimension de l'illustration. De même, une vignette est associée à chaque source d'information (elle sera la même pour toutes les informations provenant de cette source). pour faire apparaître l'une ou l'autre de ces images, il faut insérer un élément <vignette/>, <illustration/> ou <vignette-source/> dans l'élément <affichage>. Remarque: si vous n'utilisez pas cet élément <affichage>, la vignette est affichée par défaut à droite de la page, le texte de l'information venant s'enrouler autour de celle-ci. |
Dans cet exemple, on affichera dans l'ordre: le titre, la vignette et l'aperçu. Par défaut, comme le montre l'exemple, la vignette est affichée à droite et le texte qui la suit (ici, le texte de l'aperçu) vient se placer à sa gauche en s'enroulant autour de l'image. Exemple <valves style="cadre2"> <affichage> <titre/> <vignette/> <aperçu/> </affichage> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" identificateurs="colomb"/> </valves> |
loading...ajax1 |
Dans cet exemple, on affichera dans l'ordre: le titre, une ligne d'information contenant les catégories et la date de publication, l'illustration et le contenu de l'information. L'illustration sera ici affichée seule sur une ligne et positionnée au centre de cette ligne. L'exemple montre également comment régler la taille de l'image et afficher une ombre autour de l'image. Exemple <valves style="cadre2"> <affichage> <titre/> <groupe> <catégories/> <date-publication/> </groupe> <illustration position="centre" largeur="130" hauteur="150"> <ombre position="inférieur-droit" couleur="noir" taille="5"/> </illustration> <contenu/> </affichage> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" identificateurs="colomb"/> </valves> |
loading...ajax2 |
Dans cet exemple, qui utilise trois sources différentes, c'est la vignette de la source qui est affichée>. Celle-ci est réduite à un carré de 26x26 et cette réduction est contrôlée par différents paramètres. |
Exemple <valves maximum="3" style="class1"> <affichage> <titre/> <vignette-source hauteur="26" largeur="26" position="gauche-texte"> <compression-maximale hauteur="0" largeur="0"/> <déformation-maximale valeur="500"/> </vignette-source> <aperçu/> </affichage> <source-babelbox box="1" maximum="1" type="actualité"/> <source-rss href="http://www.lesoir.be/feed/La%20Une/destination_une_block" maximum="1"/> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" maximum="1"/> </valves> loading...ajax3 |