Webmaster Hub: Thumbnails en biais automatiquement? - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

Thumbnails en biais automatiquement? Noter : -----

#1 L'utilisateur est hors-ligne   Heirey 

  • Groupe : Webmaster Régulier
  • Messages : 85
  • Inscrit(e) : 25-février 06
  • Localisation:Montpellier

Posté 13 mai 2009 - 15:03

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!!!
0

#2 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 13 mai 2009 - 15:09

Au vu du cadrage, c'est pris à la mano et pas du tout automatisé
« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi
0

#3 L'utilisateur est hors-ligne   Noaric 

  • Groupe : Actif
  • Messages : 42
  • Inscrit(e) : 26-septembre 08
  • Genre:Homme
  • Localisation:Paris

Posté 13 mai 2009 - 16:48

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 ...

Ce message a été modifié par Noaric - 13 mai 2009 - 16:50.

"l'homme de bien (...) ne parle-t-il pas les yeux fixés sur son objectif? (...) (tout comme n'importe quel artisan) chaque élément de son ouvrage est disposé en fonction d'un certain ordre et il force tous les éléments avec lesquels il travaille à s'adapter les uns aux autres et à s'harmoniser entre eux, jusqu'à ce que leur totalité constitue une réalité bien ordonnée et bien disposée." - Socrate
0

#4 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 13 mai 2009 - 16:56

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.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#5 L'utilisateur est hors-ligne   Noaric 

  • Groupe : Actif
  • Messages : 42
  • Inscrit(e) : 26-septembre 08
  • Genre:Homme
  • Localisation:Paris

Posté 13 mai 2009 - 17:19

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é). :)

Ce message a été modifié par Noaric - 13 mai 2009 - 17:22.

"l'homme de bien (...) ne parle-t-il pas les yeux fixés sur son objectif? (...) (tout comme n'importe quel artisan) chaque élément de son ouvrage est disposé en fonction d'un certain ordre et il force tous les éléments avec lesquels il travaille à s'adapter les uns aux autres et à s'harmoniser entre eux, jusqu'à ce que leur totalité constitue une réalité bien ordonnée et bien disposée." - Socrate
0

#6 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 13 mai 2009 - 20:17

Ce n'est pas le même type de rotation, il s'agit de remplacement d'images, donc soit GD, soit ImageMagik
« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi
0

#7 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 13 mai 2009 - 20:21

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.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#8 L'utilisateur est hors-ligne   Noaric 

  • Groupe : Actif
  • Messages : 42
  • Inscrit(e) : 26-septembre 08
  • Genre:Homme
  • Localisation:Paris

Posté 14 mai 2009 - 10:22

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... :whistling:
"l'homme de bien (...) ne parle-t-il pas les yeux fixés sur son objectif? (...) (tout comme n'importe quel artisan) chaque élément de son ouvrage est disposé en fonction d'un certain ordre et il force tous les éléments avec lesquels il travaille à s'adapter les uns aux autres et à s'harmoniser entre eux, jusqu'à ce que leur totalité constitue une réalité bien ordonnée et bien disposée." - Socrate
0

#9 L'utilisateur est hors-ligne   naptiv 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 20-mai 09

Posté 20 mai 2009 - 18:13

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
0

#10 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 20 mai 2009 - 18:47

Je serais curieux de voir comment tu ferais, en jquery+css. Tu aurais quelques pistes pour commencer ?
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#11 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 20 mai 2009 - 20:44

Yep : http://wilq32.google...q32.rollimage22 :P
« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi
0

#12 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 20 mai 2009 - 20:56

Voir le messageDadou, le mercredi 20 mai 2009 à 21:44, dit :

ç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
0

#13 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 20 mai 2009 - 23:09

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
« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi
0

#14 L'utilisateur est hors-ligne   naptiv 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 20-mai 09

Posté 20 mai 2009 - 23:20

Voir le messagecaptain_torche, le mercredi 20 mai 2009 à 18:47, dit :

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


http://code.google.c.../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 :P

Ce message a été modifié par naptiv - 20 mai 2009 - 23:23.

0

#15 L'utilisateur est hors-ligne   captain_torche 

  • Danacol / Orangina rouge
  • Voir le blog
  • Groupe : Admin
  • Messages : 6 722
  • Inscrit(e) : 08-février 06
  • Genre:Homme
  • Localisation:Savigny / Orge

Posté 21 mai 2009 - 12:29

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.
Vous avez rêvé cette nuit ? Partagez vos rêves sur l'Onironaute !
Bijoux fantaisie
Recherche nounou
0

#16 L'utilisateur est hors-ligne   naptiv 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 20-mai 09

Posté 21 mai 2009 - 13:24

Voir le messagecaptain_torche, le jeudi 21 mai 2009 à 12:29, dit :

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 :)
0

#17 L'utilisateur est hors-ligne   Kioob 

  • Groupe : Membre+
  • Messages : 1 031
  • Inscrit(e) : 19-avril 04
  • Genre:Homme
  • Localisation:Lyon
  • Société:Daevel SARL

Posté 21 mai 2009 - 17:41

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 :P
Enfin de là à ce que ce soit répandu, ce genre de "soucis" sera peut être corrigé.
Mes jouets
0

#18 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 21 mai 2009 - 20:36

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

#19 L'utilisateur est hors-ligne   naptiv 

  • Groupe : Membre
  • Messages : 4
  • Inscrit(e) : 20-mai 09

Posté 21 mai 2009 - 22:39

Voir le messageLeonick, le jeudi 21 mai 2009 à 20:36, dit :

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


-moz-transform: rotate peut-être
0

#20 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 22 mai 2009 - 07:31

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

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)