• CREER DES MINIATURES ET DES AGRANDISSEMENTS PHOTOS ET IMAGES POUR VOTRE BLOG,SITE etc

    Par sto05 dans Creer des miniatures et des agrandissement photos , img le 22 Janvier 2009 à 19:45
    <script type="text/javascript"> window.google_analytics_uacct = "UA-3505628-2"; </script>

     

    CREER AVEC UN SIMPLE CODE HTML

    DES MINIATURES ET DES AGRANDISSEMENTS

    PHOTOS ET IMAGES POUR VOTRE BLOG


    Exemple: cliquez sur le coeur du dessous avec le bouton gauche de la souris pour agrandir l'image et cliquez 2 fois dessus pour revenir a la miniature

     

     

    voici le code a copier dans votre blog


    <body>
    <img src="http://ADRESSE DE VOTRE IMAGE" width="140" height="180"
    onclick="this.src='http://ADRESSE DE VOTRE IMAGE';this.height=380;this.width=280"
    ondblclick="this.src='http://ADRESSE DE VOTRE IMAGE';this.height=180;this.width=140">
    </body>

     

     

    ASTUCE : Selectionner le code et appuyer sur votre clavier sur Ctrl+c pour le copier et cliquez sur Ctrl+v pour le coller a votre page html

     

     

    Ensuite ajouter l'adresse de votre image a la place de  http://ADRESSE DE VOTRE IMAGE

     

    CHANGER LES DIMENSIONS DE L'IMAGE

     

    vous pouvez changer aussi les dimensions des images .

    Celle qui et sur votre page (miniature)

    celle qui apparait apres un clic (agrandissement)

    et celle qui apparait apres 2 clic (miniature ou comme vous voulez quelle reste apres)

    EXEMPLE : cliquez sur le petit coeur du dessous

     

       LES DIMENSIONS DE L'IMAGE :  

    width="40" height="60"      

    height=580;this.width=480"

    height=60;this.width=40"  


     

    CHANGER D'IMAGES


    Et vous pouvez aussi changer d'image

    il suffit simplement de changer l'adresse de l'image


     

     

    Si vous n'avez pas d'hebergeur d'images en voici 3 gratuit

     

     

     

    ♥♥ SKYDRIVE ♥♥

     

     

    si vous avez des questions n'hesitez pas

    ME CONTACTER

    <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

    Tags Tags : , ,

  • Commentaires

    1
    isa-belle
    Mardi 3 Février 2009 à 17:42
    merci pour cette astuce elle fonctionne tr?bien cool je l'ai mis sur mon blog
    Répondre
    2
    prunedusud
    Dimanche 5 Juillet 2009 à 13:36
    cool ce script merci je vais l'essayer sur mon future blog et si j'ai un probleme je te contact
    merci
    Répondre
    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :