Images avec coins arrondis [résolu]

Bonjour,

Je dispose d'une galerie d'image des près de 250 photos.
Je voudrais automatiser une transformation de ces images avec des coins arrondis et éventuellement une bordure.

Existe-t-il un script ou voire même une solution en CSS permettant cela ?

J'ai pu visiter http://www.netzgesta.de/corner/, mais il ne me convient guère...

Et la superposition de cette image http://static.ak.fbcdn.net/images/ui/UIRoundedImage.png?8:156558 sur les avatars Facebook, quelqu'un pourrait-il me dire comment cela fonctionne en CSS ? Ai du mal à comprendre comment cette image peut se superposer à l'avatar...

Voilà quelques questions... dans l'attente de réponses !

Vous en remerciant. A+
Modifié par Gil1256 (25 Jun 2009 - 22:38)

Hello,

Ca s'appelle un sprite CSS et c'est superposé à ton image de fond ou ton image <img> avec la propriété css z-index.

Cette solution est de loin la meilleure à la seule condition que le fond de ta page soit de couleur uniforme dans ton exemple, noir ou blanc.

Il faut dans tous les cas passer par un éditeur d'image (photoshop, firework...) pour créer ton propre cache qui sera en png de préférence (et encore mieux en png-8).

Pour ma part j'ai développer un système similaire pour un diaporama flash mais pour 250 photos ça ne va pas le faire

Bon courage

Skoua a écrit :
par contre j'imagine que tu es obligé de passer ton image en background

Non.

Skoua a écrit :
et niveau accessibilité, je ne pense pas que ce soit le top

Faut voir.

Merci à vous tous.
Je connais le principe des fameux sprites, mais je ne vois pas trop comment positionner mon png transparent par dessus l'image elle-même afin que les coins de cette dernière soient arrondis .

Admettons ceci :

<p class="photos"><img src="image.jpg" alt="Titre de l'image" title="Titre de l'image"></p>

Où donc alors positionner mon png ? Dans une classe que j'applique à img ? dans un span ?
merci de m'aiguiller... je rame... et suis sûr qu'au final, je vais m'écrier "Mais oui bien sûr ! Que suis-je bête !".

Pour info, toutes mes images sont positionnées sur un fond uni (blanc).

Allez, encore une fois un grand merci à vous.
Modifié par Gil1256 (21 Jun 2009 - 17:54)

Tu peux jeter un oeil à ceci.