• Images qui tombent sur la page

     
     
     
     
    Attention : nécessite le Javascript activé sur le compte Ekla.

    Article ré actualisé le 21 Décembre 2015


     Le code Javascript qui permet de faire tomber des images sur son  blog est téléchargeable ci dessous :
    Ce script est acytuellement avec une image de "petite abeille/gif animé."

    Télécharger « ImageTombeSurPage.js »

     

    Si vous voulez changer l'image  "petie abeille" mise par défaut dans le script pour y mettre votre propre image animée ou non:

    Procédure  pour changer l'image:

    • Après téléchargement du script ci dessus dans votre ordinateur, l'ouvrir et changer l'URL de l'image, qui se trouve dans les premières lignes de code// c'est expliqué en commentaires dans le script//
    • Enregistrer le fichier dans votre ordinateur,  avec un nouveau nom et en .js ( c'est un fichier JavaScript donc .js)
    • l'insérer dans un article ou l'héberger dans "gérer les fichiers" de votre administration de blog   pour pouvoir récupérer son adresse ekladata.

    Une fois que vous avez récupéré l'adresse ekladata de votre  script modifié avec votre image,

    • copier le code ci-dessous dans la zone de script
      ou dans un module simple html de votre menu latéral  coté html, c'est à dire en cliquant sur l'icone"html"
      ou dans l'éditeur d'article, toujours coté html bouton <>

     

    <script src="ADRESSE DU FICHIER JAVASCRIPT" type="text/javascript"></script>

     

     Mise à jour 18 décembre 2015

    Images qui tombent sur la page

    Flocon  image de christine
    adresse de l'image :

    http://ekladata.com/OPgvsIdObLJ1TInnCXUN6KYWHVY/flocon-blanc.gif

    l'url du script avec image flocon ChristinePS

     

    http://ekladata.com/eZ7wVgFcFbKlUTg29BaPYbdPDV4/Flocon2ChristPSTombeSurPage-js.js

     

    Lignes de code à mettre  ( penser à rafraichir la page pour voir l'effet )

    • pour toutes les pages du blog: dans la zone de script
    • pour une page du blog, éditeur d'article, bouton <> code source 

     

     <script src="http://ekladata.com/eZ7wVgFcFbKlUTg29BaPYbdPDV4/Flocon2ChristPSTombeSurPage-js.js" type="text/javascript"></script> 

     

     

    Actuellement sur cette page:

    <script src="http://ekladata.com/rP6LTmjCDTtF66UjXQiBvhYC68o/FloconScintImageTombeSurPage.js" type="text/javascript"></script>

     

    Autre image, autre exemple:

     coeurs qui tombent sur la page

     http://ekladata.com/S6-fa-LOck5086iCWQy1U00tlHU.gif

     

    <script src="http://ekladata.com/VClAowR5sdahllasnUoIBF1fptA/FloconGrosImageTombeSurPage.js" type="text/javascript"></script>




     

     Suite de l'article en attente de mise à jour ( les scripts enregistrés et donné ci dessous buguent avec firefox  mais fonctionnent sous Chrome


     

    Images qui tombent sur la page

    adresse de l'imager: http://ekladata.com/1yToIsntT4sjAgoaz6OVEQKXLNY.gif

           

     Images qui tombent sur la page               adresse de l'image:  http://ekladata.com/Ri7PqGUU_2SO2RgRFAjrfHg0ZLE.gif

     

     

     

    Code à copier dans un module simple coté code source ( attention, le javascript doit être activé sur le compte du blog)

    <script src="http://ekladata.com/JPojbAIrT2fn641o6VdRGfVhhd0/paquespoussin.js" type="text/javascript"></script> 

     

    D'autres gifs sur le thème de Pâques ( voir explications plus bas, pour faire tomber une autre image que l'oeuf , en chnageant l'adresse de l'image dans le javascript...)

    Images qui tombent sur la page   http://ekladata.com/t7OwohQSCAM2UXC3p5dV5hSc4Yw.gif

     

    Télécharger « paquescloche.js »

                          

    Images qui tombent sur la page   http://ekladata.com/bCBclc3dmHHvIrcWH1L4cLIkKso.gif

    Télécharger « paquesdeuxoeufs.js »

    <script src="http://ekladata.com/fl11cLVic4JCCgbzep6wtukyg7c/paquesdeuxoeufs.js" type="text/javascript"></script>

     

    Décembre 2014:  Un exemple d'étoiles  animées sur la page  de cet article

     

    Article réactualisé le 24/11/13

    Un script pour images qui tombent  sur la page.

    Des coeurs pour le Saint Valentin , des flocons de neige en hiver, des abeilles au printemps ...au choix

    Téléchargez le script de base enregistré avec une image d'oeuf de Pâques

    Télécharger « paquesoeufs.js »

     

    Pour changer l'image:

    • il suffit de  copier le script de base dans le bloc note de votre ordinateur,
    • de changer l'adresse de l'image( présente dans les premières lignes du script),
    • l'enregistrer dans votre ordinateur,  avec un nouveau nom et en .js ( c'est un fichier JavaScript)
    • l'insérer dans un article ou l'héberger dans les fichiers eklablog pour récupérer son adresse ekladata.

    Une fois que vous avez récupéré l'adresse ekladata de votre  script modifié avec votre image,

    • copier le code ci-dessous dans un module simple html de votre menu latéral , coté html, c'est à dire en cliquant sur l'icone"html"

    <script src="ADRESSE DU FICHIER JAVASCRIPT" type="text/javascript"></script>

     

    Si vous voulez que le script soit activé  sur une seule page, mettre le code dans un article, toujours coté éditeur de source html ----

     

    SINON, plus simple

    Si vous trouvez votre bonheur avec une des images ci-dessous, , vous n'avez qu'à copier le
    <script...................jusqu'à  /script> correspondant

    dans un module simple, coté html bouton <> code source  si vous voulez l'effet sur toutes les pages du blog ou

    dans l'éditeur d'article, toujours dans le code source accessible par le bouton <>, si vous ne le voulez que sur une page, celle de l'article.

    1.  COEUR BLEU :
    2. GROS FLOCON
    3. DEUX COEURS ENTRELACÉS
    4. COEUR AILÉ
    5. ABEILLE
    6. PETIT POISSON
    7. LAPIN

    1. coeurs qui tombent sur la page

     

    javascript « coeurbleu.js »

    <script src="http://ekladata.com/waX7Zjw1wwdb3fQuV5QZz2yuhjU.js" type="text/javascript"></script> 

     

     

    3.deux coeurs           http://ekladata.com/hsT3k1zMywKg08ti3UciqMr8AmQ.gif

    Pour ces deux coeurs , mettre dans un module simple

     <script src="http://ekladata.com/edFI8xEf0X4-vyLTKPnf8qUHATc.js" type="text/javascript"></script>


     

    4. coeurs ailes

    http://ekladata.com/FlmO3qD8_FfOgLgsLDUIb0QMPTY.gif

    pour le coeur ailé, mettre

     <script src="http://ekladata.com/vbW-azLOkkELyoAeyzooIZCsdI4.js" type="text/javascript"></script>

     


     

    Des abeilles

    5.gif abeille

    http://ekladata.com/LqD8-O7higdFShXkc0l0VuN2Vzw.gif

                 

    Dans un module simple html, mettre

    <script src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" type="text/javascript"></script>

     


     

     http://ekladata.com/ducotedechezninoshka.eklablog.com/perso/blue%20heart.gif

     

    coeur qui tournehttp://ekladata.com/tewry92kOWGY90wy3NvZ3l4w1nQ.gif

    6. coeurs qui tombent sur la page   

     

     

    http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js

     

    7. coeurs qui tombent sur la pagehttp://ekladata.com/dsOk_7hnfdDvy0AINQDSdxh1r4Y.gif

     

     

               coeurs qui tombent sur la page                      




     guirlandeNoel

        

     

     

     

    « Tombe la neige, au gré du vent (souris) ÉDITEUR d' Article, les icônes/outils »
    Partager via Gmail Yahoo! Google Bookmarks

    Tags Tags : ,
  • Commentaires

    1
    Christiane
    Jeudi 18 Février 2016 à 13:30

    tres beau site merci de ce joli partage pour les personnes qui ne savent pas cela est une pure merveille merci et bravo

    2
    Dimanche 27 Novembre 2016 à 08:49

    Coucou

    Super, un gros merci pour tous ces codes java !

    Bon dimanche avec de gros bisous

     

    3
    Samedi 9 Décembre 2017 à 08:35

    Merci ! c'est super!

    Amities

    4
    Jeudi 31 Octobre 2019 à 17:57

    Merci pour la neige.

    Amicalement Coaching Dog's.

     

    5
    jackie
    Jeudi 5 Mars 2020 à 17:32

    c'est vraiemnt in çuper cite bine fé, sa ma fé plésirr de le voir.

    6
    Monique
    Vendredi 27 Mars 2020 à 19:17

    bonjour  

    c'est un vrai plaisir de voir tomber ces objetssur mon site 

    c'est super facile

    merci beaucoup de nos offrir gratuitement  votre travail 

    passez un bon w.e.

    amitiés Moniqueyeshappy

     

    7
    Jeudi 24 Décembre 2020 à 15:31

    Coucou

    Désolée je ne dois pas être très douée car j'ai essayé les flocons en suivant tes intructions, mais ça ne fonctionne pas....

    Peux tu me dire pourquoi

    A l'avance merci

    Bonnes fêtes

     

     
    What do you want to do ?
    New mail<button id="fenetremailtobuttonCopyClipboard">Copy</button><textarea id="fenetremailtoclipboardToCopySelect"></textarea>

    8
    Jodyne
    Mercredi 15 Septembre 2021 à 13:09

    Bonjour

    Merci beaucoup

    J'ai pris des coeurs

    Belle journée

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    9
    Jeudi 14 Avril 2022 à 17:13

    bonjour j'essai de faire  une mouette qui descend sur ma page j'ai bien mon image héberger sur eklablog (http://ekladata.com/k_rdTVNgLtqFQ8vk8IObfulLXU8/mouettess.gif)  mais elle est en gif comment faut il faire pour qu'elle soit en javascript merci par avance de ton aide bisous lucilyne

    10
    Vendredi 1er Décembre 2023 à 19:30

    Bonsoir j'aurai une question j'ai mis de la neige sur mon blog mais elle tombe que sur le header mais pas sur toute la page pourquoi ? merci à vous par avance bon week-end 

    petitefleur72700

    11
    Samedi 9 Décembre 2023 à 07:19

    Bonjour je vous souhaite de joyeuses fêtes de fin d'année.

    Un grand merci pour vos articles.

    Marie-Andrée.



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl