Thumbnails en biais automatiquement?

[Heirey]

Hello

Cela fait quelques temps maintenant que je vois sur de nombreux sites des thumbnails qui semblent être généré automatiquement mais légérement en biais c qui donne un coté très design (pour mon avis hein), et j'aimerai avoir vos avis sur la question..

Voilà de quoi je parle à titre d'exemples:

http://psdthemes.com/

Merci pour votre aide!!!

[Dadou]

Au vu du cadrage, c'est pris à la mano et pas du tout automatisé

[Noaric]

Oui ça a l'air d'être fait à la main, désolé.

Cela dit je pense que c'est faisable en php de faire une rotation de l'image d'un certain angle ...

Modifié 13 Mai 2009 par Noaric

[captain_torche]

Le problème c'est la qualité : je crois me souvenir qu'une rotation en GD, c'est pas joli joli (Y'a un aliasing (effet d'escalier sur les diagonales) assez important).

Pour contourner le souci, il faut effectuer une réduction de la taille de l'image après la rotation, comme l'explique Arno* sur son site.

[Noaric]

Je voulais justement recommander l'utilisation de gd mais ce n'est apparemment pas forcément nécessaire, je suis tombé sur ce script disant n'utiliser aucune bibliothèque externe (cela dit je ne l'ai pas testé).

Modifié 13 Mai 2009 par Noaric

[Dadou]

Ce n'est pas le même type de rotation, il s'agit de remplacement d'images, donc soit GD, soit ImageMagik

[captain_torche]

Après lecture du code, il ne comprend pas rotation dans le même sens que nous

Le code que tu lies, affiche aléatoirement une image d'un répertoire (ce qu'on peut effectivement appeler "rotation" )

Cela dit, il est inutilement complexe pour une tâche si aisée.

[Noaric]

Mea culpa c'est vrai désolé, en tous cas bien vu pour le problème d'aliasing et ImageMagik je ne connaissais pas, ça a l'air intéressant...

[naptiv]

Bonjour,

c'est fait à la main, mais il y aurai effectivement moyen d'effectuer une rotation de l'image (je pencherai plus pour jQuery que PHP) et ajouter l'effet en CSS via la propriété z-index et des postions absolute/relative.

Adrien, de psdthemes.com

[captain_torche]

Je serais curieux de voir comment tu ferais, en jquery+css. Tu aurais quelques pistes pour commencer ?

[Dadou]

Yep : http://wilq32.googlepages.com/wilq32.rollimage22

[Leonick]

Yep : http://wilq32.googlepages.com/wilq32.rollimage22

ça mar<he sur ie pour toi ? car pour moi, sur ff ok, mais ie j'ai carrément la photo et le texte à côté qui disparaissent

[Dadou]

je sais pas j'ai pas ie, mais comme c'est basé sûr canvas et que je ne le gère pas c'est pas étonnant

[naptiv]

Je serais curieux de voir comment tu ferais, en jquery+css. Tu aurais quelques pistes pour commencer ?

http://code.google.com/p/jquery-rotate/

Je ne sais pas ce que ça donne avec beaucoup d'images à traiter.

L'avantage est de conserver les miniatures vierges, et d'appliquer le style (extraire l'effet sur un png transparent)

L'inconvénient étant le temps de chargement ?

Quoi qu'il en soit voilà une piste

Modifié 20 Mai 2009 par naptiv

[captain_torche]

Intéressant, faudrait que je m'y penche, un de ces quatre. Merci pour la source !

Et bienvenue sur le Hub, au fait

Comme quoi, c'est utile, les referers.

[naptiv]

Intéressant, faudrait que je m'y penche, un de ces quatre. Merci pour la source !

Et bienvenue sur le Hub, au fait

Comme quoi, c'est utile, les referers.

Héhé merci

[Kioob]

Sympa mais avec Firefox 3 sous Linux mon CPU est à 100% quand cette page est affichée, même si la photo ne bouge pas. Encore plus gourmand que Flash, c'est pour dire

Enfin de là à ce que ce soit répandu, ce genre de "soucis" sera peut être corrigé.

[Leonick]

j'avais vu un tel effet uniquement en css3, mais impossible de remettre la main sur le lien

[naptiv]

j'avais vu un tel effet uniquement en css3, mais impossible de remettre la main sur le lien

-moz-transform: rotate peut-être

[Leonick]

non, ce que j'avais vu, c'était une rotation lors d'un hover d'une image