• Rideau !

     

     

     

     

     

     

     

     


    Une nouvelle façon de présenter les photos...

    Application d'un petit montage "rideau"  avec quelques photos perso.

    Ici j'applique un code emprunté à  Pourquoipas.


     

    « Cache-cacheNous y voilà ! »

    Tags Tags : ,
  • Commentaires

    1
    Vendredi 23 Décembre 2016 à 08:55

    Mais c'est très original et bien réussi...

    Bises Mélo ^!^

    2
    Dimanche 25 Décembre 2016 à 08:54

    Bonjour à toi qui, comme Akinatoir, connais bien des choses.

    Tu as bien fait de me diriger vers ton blog d'essai; il y a effectivement un souci entre les dimensions en vw/vh et les pixels.

    Tu peux améliorer, même si ce n'est pas parfait (bien que l'effet ne soit pas inintéressant), d'ajouter, à chaque image qui se déploie:

    #p6{background:url('http://ekladata.com/kUHgavumeJFyopZZrVJyHa5I3wY@1045x752.jpg'); background-size:cover;}

    Je vais tout de même conserver ton code pour essayer de comprendre où est le souci.

    Bon dimanche.

    Gilbert

    PS: je viens de vérifier: tes photos font 1200x867px et ne sont donc pas au rapport 16/9,  de même que tes dimensions 1045x752, qui sont d'un autre ratio également, ce qui explique ces photos qui se répètent dans les cadres.

    Tu devrais essayer avec des mesures en pixels et surtout, conserver le même rapport largeur/hauteur partout.

    Ensuite,

     

     

     

    3
    Dimanche 25 Décembre 2016 à 18:14

    Bonsoir.

    Je trouve cette façon de faire intéressante et le petit agrandissement final ne nuit pas donc; à ta place, je conserverais ce réglage ... ce qui ne devrait pas t'empêcher d'essayer en redimensionnant tes images mais pas en 1200x900 (12/9) car mon code est prévu en 16/9, ce qui est plus simple à régler sur des écrans en 16/9 également; sinon, il faudrait faire un savant calcul pour trouver la bonne valeur en vh.

    Bonne soirée.

    Gilbert

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :