• Panoramique

    Mon appareil photo me permet de faire automatiquement des panoramiques au format 3200x1024px; cependant, il existe, sur le net, des logiciels gratuits qui font ça.

    Ce format est trop grand pour être publié sur une page de blog et nous avons au moins deux ou trois façons de les publier:

    Soit faire un montage en 800x530px, avec l'image en grand format et inviter le visiteur à jouer de la molette de la souris et des acscenseurs,

    Soit faire un montage en 800x530px, et réduire l'image en 1600x512px, ce qui ne laisse qu'un ascenseur inférieur que le visiteur peut déplacer latéralement. 

    Soit faire un lien au clic, sur une miniature pour afficher l'image en plein écran avec un second clic sur l'image agrandie (loupe+) pour l'afficher en très grand et naviguer dedans; le lien peut-être facilement réalisé par l'icône maillon de chaîne.

    Résultats dans l'ordre:

     

    code:
    <p id="def"><img src="http://ekladata.com/_Er5v2xCXEYky3_m4_TydTzfdbE/DSCN6231.jpg" alt="" /></p>
    <p id="def1"><img src="http://ekladata.com/cMYPh_MSaFeq5XhDalxdUHkLDaw/DSCN6231r.jpg" alt="" /></p>
    <p id="def2"><a href="http://ekladata.com/_Er5v2xCXEYky3_m4_TydTzfdbE/DSCN6231.jpg" target="_blank"><img style="width: 400px; height: 128px;" src="http://ekladata.com/cMYPh_MSaFeq5XhDalxdUHkLDaw/DSCN6231r.jpg" alt="" /></a></p>
    <style type="text/css"><!--
    #def{position:relative; width:800px; height:530px; overflow:scroll; margin:10px auto; border:4px solid white; box-shadow:4px 4px 8px black;}
    #def1{position:relative; width:800px; height:530px; overflow:scroll; margin:10px auto; border:4px solid white; box-shadow:4px 4px 8px black; }
    #def2{position:relative; width:400px; height:128px; margin:10px auto; border:2px solid white; box-shadow:4px 4px 8px black; }
    --></style>
    Adresse en orange: format 3600x1024px et celle en vert, 1600x512px.