Tronquer images à la volée

[pcamliti]

Le but est de conserver la dynamique des lignes, je vais proposer de ne pas couper les images... mais j'imagine déjà leurs réponses.

zeb, comment positionneriez vous les images dans des div séparées ?

[zeb]

HTML

Code: Tout sélectionner

<div id="globale">
<div id="img1">
  <img src="..." alt="...">
</div>
<div id="img2">
  <img src="..." alt="...">
</div>
<div id="img3">
  <img src="..." alt="...">
</div>
</div>

CSS

Code: Tout sélectionner

#globale{
  position: absolute;
  left: ...px;
  top: ...px;
}

#img1{
  position: absolute;
  left: ...%;
  top: ...%;
}
#img1 img{
  width: ...%;
}
#img2{
  position: absolute;
  left: ...%;
  top: ...%;
}
#img2 img{
  width: ...%;
}
(...)


Sinon je suis en trains de regarder un truc sur GD qui est peut être la solution a ton problème, laisse moi qques minutes, le temps d'ouvrir la boite a neurones

[zeb]

bon j'ai bougé mes 4 neurones restants pendant qques minutes mais ils ne m'ont pas permis de trouver la solution idéale pour ton problème.

En revanche j'ai une solution a te proposer qui rejoint ma première idée de superposition d'images en html.

en voici un exemple : -http://www.agir19.free.fr/images/integration.php

le fond global est une image png avec des zones transparentes, l'image a faire apparaître en dessous est positionnée avec CSS et dimensionnée à l'avance.

[pcamliti]

oK MERCI beaucoup zeb, je vais utiliser cette méthode... qui me parait être la plus facile à mettre en œuvre.