Demande 2

Je crois avoir compris que le principe était de comment placer des images, dans un cadre, avec des espace entre les images, qui laissent voir le fond de page.

Survolez chaque vignette pour l'agrandir.

Les images et textes sont dimensionnés en 580x580px, format des dessins !

Les textes doivent être transformés en images et chaque élément est positionnés selon le choix du montage pour s'agrandir dans le cadre, ici invisible mais on peut le faire apparaître.

<div style="width: 580px; height: 580px; margin: 0px auto;"><img id="v1" src="https://ekladata.com/AbxES_ARl7w4JwqQEghqG9FG3yc.jpg" alt="" /> <img id="v2" src="https://ekladata.com/BUKy91A2Fnm-4UGLViLT1QmJNmo.gif" alt="" /> <img id="v3" src="https://ekladata.com/mruZ2bok9hl0rb77xAZCrriETb4.jpg" alt="" /> <img id="v4" src="https://ekladata.com/tN8ps22OH6fejglZDzrTovR5fIA.jpg" alt="" /> <img id="v5" src="https://ekladata.com/1gLoMbm7LF9QEID8yBI6zGFUMIc.jpg" alt="" /> <img id="v6" src="https://ekladata.com/SiEn-6UO875UofhneVuz0joHems.jpg" alt="" /> <img id="v7" src="https://ekladata.com/G_w8tJrdcgwN2-qv0_PxxiU7HSo.jpg" alt="" /> <img id="v8" src="https://ekladata.com/sj1Al_RYtsBCu_pS_QoHlRyQLlk.jpg" alt="" /></div>
<style><!--
#v1{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(0px,0px);}
#v2{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(145px,145px);}
#v3{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(290px,0px);}
#v4{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(435px,145px);}
#v5{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(0px,290px);}
#v6{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(145px,435px);}
#v7{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(290px,290px);}
#v8{position:absolute; z-index:1; width:145px; height:145px; transition:all 1s linear; transform:translate(435px,435px);}
#v1:hover,#v2:hover,#v3:hover,#v4:hover,#v5:hover,#v6:hover,#v7:hover,#v8:hover{z-index:5;width:580px; height:580px;transform:translate(0px,0px);}
--></style>