Vous êtes ici :   Accueil » Carrousel

L'Atelier d'rv

est un site conçu à partir du CMS GuppY. Le site freeguppy.org, est, en quelque sorte, la maison-mère où vous trouverez la dernière version à télécharger, de la documentation, un forum très réactif et des conseils pour créer votre site gratuitement.

GuppY

c'est aussi une association : asso.freeGuppY.

Skins

Pour habiller votre site GuppY, vous pouvez vous adresser aux skinneurs, notamment :

- Papinou ;
- Sabine.

Mes autres sites

- Kreiz er Mor : Association de Culture Celtique Sartrouvilloise ;
- Les Galeries de Kreiz er Mor : Archives de Kreiz er Mor ;
- PORTance : Portail d'aide et d'échanges dédié aux enseignants du Bac Pro Transport 3 ans ;
- Gest & Co : Portail d'aide et d'échanges dédié aux enseignants d'Économie-Gestion en Bac Pro 3 ans.

 
 
 
Mon profil

Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
n2Et2p
Recopier le code :


  370828 visiteurs
  51 visiteurs en ligne

  Nombre de membres 15 membres
Connectés :
( personne )
Snif !!!
CMS GuppY
Les gratuits
 ↑  
Enseignement
rss Cet article est disponible en format standard RSS pour publication sur votre site web :
http://rvknobzh.lescigales.org/data/fr-articles.xml

Si comme moi (voir ici) vous voulez dynamiser une présentation vous pouvez utiliser un carrousel sur votre site.

L'outil que j'ai exploité est un carrousel en flash téléchargeable ici.

Le fichier caroussel.zip contient :

L'animation flash (carousel_as3.swf) ;
Un fichier XML exemple (icons.xml) ;
Un fichier HTML ou l'animation est intégrée (index.html) ;
Des images servant d'exemple dans le dossier assets.

Il faut placer :

- les fichiers AC_RunActiveContent.js et icons.xml à la racine de votre site ;

- les images cliquables dans le dossier assets de votre site.

J'ai un peu galéré pour rendre les vignettes cliquables. Voici comment procéder :

dans le fichier icons.xml (à placer à la racine du site), il faut paramétrer ainsi :
<icon image="assets/votre_image.png" tooltip="Votre titre" link="true"url="http://votre_lien"><![CDATA[Le texte que l'on veut faire apparaître dans la vignette d'information au survol de la souris]]>

Dans ce fichier, il est possible aussi d'agir sur la vitesse de rotation et d'autres paramètres.

Enfin vous récupèrez le code dans le fichier index.html que vous insérez dans l'édito, l'article ou la boîte de votre choix. On peut agir sur la largeur et la hauteur du flash.

Cela donne par exemple :
<div align="center">
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="javascript">AC_FL_RunContent = 0;</script><script src="AC_RunActiveContent.js" language="javascript"></script><!--URL utilisées dans l'animation--><!--texte utilisé dans l'animation--><!-- saved from url=(0013)about:internet --><script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
            'width', '456',
            'height', '161',
            'src', 'carousel_as3',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'carousel_as3',
            'bgcolor', '#ffffff',
            'name', 'carousel_as3',
            'menu', 'true',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'carousel_as3',
            'salign', ''
            ); //end AC code
    }
</script><noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="480" height="170" id="carousel_as3" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="carousel_as3.swf" /><param name="quality" value="high" /><param name="bgcolor" value="" /><param name="wmode" value="transparent" />    <embed src="carousel_as3.swf" quality="high" bgcolor="transparent" width="456" height="161" name="carousel_as3" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</noscript>
            <div align="left"><a href=""http://www.ligams.com/Publications/Serveur-Web/Carrousel-Flash-AS3"" target="_blank"><font size="1"><font color="#ededed">Ligams</font></font></a></div>
            </meta>

Jusqu'à présent, je n'ai pas réussi à rendre transparent le fond du flash, c'est le seul reproche que je fais à ce script. Cela oblige à indiquer en bgcolor la même couleur de fond que celle de la boîte d'affichage. C'est un peu gênant si vous avez un fond multicolore.

Merci au site : http://www.ligams.com/Publications/Serveur-Web/Carrousel-Flash-AS3

Date de création : 07/05/2011 @ 10:40
Catégorie : CMS GuppY - Code
Page lue 3005 fois
Précédent  
  Suivant


Réactions à cet article

Réaction n°2 

par rvknobzh le 31/08/2014 @ 00:08

Bonjour espacermio,

le carousel utilise la technologie flash qui qui est incompatible avec un Ipad . La solution  est d'utiliser le navigateur Puffin.

Amicalement.
rv


Réaction n°1 

par espacermio le 09/04/2013 @ 13:50

Bonjour,L'application est-elle compatible pour un Ipad ? si oui quel est le mode d'emploi.Merci d'avance.
Cordialement