AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Insertion flash + codage image

    Partagez
    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Sam 24 Mai 2008 - 15:10


    J'ai déjà donné des codes pour insérer du flash dans une page html (ou sur les forums ayant activé le html, comme NU par exemple).
    Mais celui-ci est un peu différent, et fonctionne normalement sur la majorité des navigateurs, tout en restant valide.

    Ce code gère en plus une image fixe ou un texte alternatif qui s'affiche si votre flash ne fonctionne plus, pas, ou si un internaute ne possède pas les plugins nécessaires.

    Code:

    <object type="application/x-shockwave-flash" data="fichierflash.swf" width="600" height="20">
    <param name="movie" value="fichierflash.swf" />
    <param name="wmode" value="transparent" />
    <p>Image ou texte alternatif</p>
    </object>

    Si vous souhaitez placer une image alternative, je vous rappelle le code (qui va aussi afficher un texte si l'image n'est plus dispo... quelle sécurité !! Razz)

    Code:
    <img src="mon-image.png" title="un texte" alt="Texte de remplacement" />
    Il existe différentes options dans un code d'insertion image qui peuvent notamment permettre d'afficher un texte au survol de la souris, faire en sorte que l'image serve de lien etc...
    Je vous affiche dans un spoiler, pour les curieux, le code de title d'une image :
    Spoiler:
    Code:
    <img src="mon-image.png" title="un texte" alt="Texte de remplacement" />
    Ici le rajout title="un texte" vous permettra d'afficher une petite info-bulle comme quand on passe sur une des images de ce forum, navigation etc...

    Démonstration : (restez sur l'image pour afficher un texte)
    TIdus sign

    Le code de cette démo :
    Code:
    <img src="http://i44.servimg.com/u/f44/09/04/82/94/tidus-10.png" title="Voici le texte :p" alt="TIdus sign"/>

    Voilà, ça devrait servir à certains Wink


    Dernière édition par Riku Asakura le Dim 1 Fév 2009 - 0:30, édité 4 fois




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Chikun
    MasculinAge : 27Messages : 278

    le Sam 24 Mai 2008 - 15:21

    Oô Merci Riku, ça va me servir x)



    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    le Sam 24 Mai 2008 - 15:57

    Cool ! ^^ Merci Riku !



    avatar
    Lyes
    MasculinAge : 23Messages : 1240

    le Sam 24 Mai 2008 - 20:33

    Dommage que c'est toujours pas le tuto des bouton sur flash :d545:

    Mais bon merci pour le tuto Riku il me servira surment avec les créa flash






    .:New kit by me è.é:.


    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Dim 25 Mai 2008 - 23:02

    Mais de rien les loups Wink

    Ouais pour le tuto des boutons j'ai pas encore eu le temps de le créer... et c'est pas évident, il faut pas mal de screenshot pour que tout soit parfaitement compris... même si en soit, la réalisation n'est pas longue ^^

    Patiente, il arrive Wink

    (et je me forme en même temps, donc je fais ce que je peux avec mes deux patounes Razz)

    A la prochaine :§(§:

    Edit
    Je suis en plein débat avec un mec qui s'y connais, logiquement, un peu plus que moi là dedans, il m'affirme que le object n'est pas valide sur les forums (alors que je l'utilise Wink ). Il me maintient que le embed, comme sur l'ancien code que je vous ai donné, est le seul à être bon... cependant il ne permet pas l'alternative que je viens de vous présenter...
    Affaire à suivre, je vous tiens au courant Wink




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Riku Asakura
    MasculinAge : 30Messages : 5736

    le Lun 26 Mai 2008 - 18:26

    Voilà.
    Le problème cité dans mon précédent message venait d'un petit soucis de compréhension.
    En fait il s'agit d'une validation des codes html par le W3C (plus d'infos). La validation se fait uniquement grâce aux balises object, seule balise qui prend encore en compte le fait que beaucoup de personnes naviguent encore sur de vieux navigateur, notamment des Internet Explorer < 6, et qui est donc validée car elle prend en compte un maximum de possibilités de navigation.

    Cependant certaines personnes perçoivent mal les balises object qui restent alors visibles en tant que code sur une page de forum (pas sur une page html logiquement). Il faut donc pour ces personnes utiliser la balise embed. Il semblerait donc que l'idéal reste d'utiliser uniquement la balise embed pour les forums et la balise object pour le html (bien que l'inverse soit faisable, mais pas toujours compatible pour sur tous les navigateurs)

    Cependant, je vous ai montrer ce code pour avoir la possibilité de présenter une image alternative qui s'afficherait si jamais le flash ne pouvait être lu.

    Il faudrait essayer donc de concevoir un code dans ce style là :
    Code:
    <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://animation.swf" width="LARGEUR" height="HAUTEUR" type="application/x-shockwave-flash" wmode="transparent" quality="high">
    <img src="image.jpg" title="titre image" alt="texte alternatif à l'image"> // <--- Image de remplacement
    </embed>
    Je précise quand même que ce code n'est pas vérifié !!!!!!




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Contenu sponsorisé


      La date/heure actuelle est Jeu 19 Oct 2017 - 12:59