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

    Par sto05 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>

    2 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique