Cookie

Attention


Cet article a été publié il y a plus d'un an, il peut y avoir des développements été.
S'il vous plaît prendre en compte.

Public maintenant la traduction de un article très intéressant trouvé il ya quelques jours sur la façon de créer des styles personnalisés par le custom galerie di Flickr.

Comme beaucoup le savent, Flickr est un réseau social à amoureux de la photographie. Personnes inscrits, upload photo, commenta le foto et d'autres obtient des commentaires autre pour leurs photos. Une des grandes choses au sujet de Flickr est la possibilité de spécifier licences pour vos photos, mais dans cet article nous allons prendre soin de »”exporter” images à partir d'un compte Flickr sur un site externe.

Le réseau social permet à l'utilisateur un wizard avec lequel vous pouvez créer “insigne” Coutume, mais avec peu de choix en matière d'adaptation. Dans cet article, nous traitons documenter l'API Partie insigne di Flickr, montrant le HTML Flickr qui transmet le même à l'inclusion. Ce sera certainement plus facile de travailler avec CSS.

Peu importe ce que nous faisons, nous incluons ces lignes initiales:

<Type de script ="text / javascript"
src ="https://www.flickr.com/badge_code_v2.gne?user =[L'ID utilisateur]">

Nous aurons à remplacer “L'ID utente” avec (coïncidence) l'ID utilisateur. L'ID peut être obtenu en entrant votre nom d'utilisateur sur cette page: idgettr. Il peut remplacer le symbole “@” avec le code HTML correspondant “%40“.

J'ai activé les paramètres

En dehors de ces il ya beaucoup d'autres paramètres, Dans cette liste de tableau principal:

ParamètreCatégorieValeursDéfinition
dénombrerensembleUn entier entre 1 et 10Le nombre de photos pour montrer. (10 di default)
afficherchaînedernier, aléatoireLe badge montre la dernière photo ou photo aléatoire. (le dernier défaut)
layoutchaîneh, à, xTrier les photos horizontalement, Verticalement pas le ordinarle. (défaut horizontal)
Sourcechaîneutilisateur, user_tag, user_set, groupe, group_tag, tous, all_tagOù sont prises les photos? Après avoir choisi l'un de ces, vous devez déclarer jusqu'à deux paramètres spécifiant les / balises et / ou l'ID groupe o ensemble. Ces paramètres sont tag (chaîne), groupes (la valeur entière peut être trouvée sur idgettr), et définir (l'ensemble trouvé dans l'URL d'un ensemble spécifique (c'est. notre URL est ... / fixe / 1632467 / puis l'ID de l'ensemble est 1632467), respectivement.
taillechaînes, t, mLa taille de l'image. s moyens “carré”, t miniature, et m moyennes. (Gardez à l'esprit que la taille moyenne égale à la petite taille lorsque l'on regarde “tailles disponibles” sur une photo. (miniatura di default)

Nous modifions le style de sortie

Une fois inclus dans notre page Javascipt, retourner une sortie HTML pour l'affichage dans le navigateur. Puisque nous devons changer le style de sortie, vous avez besoin de connaître avec précision le code. Ceci est un exemple de la façon dont le code est retourné à la base:

<div id ="flickr_badge_image1">
  <a href ="[la page de photos]">
    <img width ="[xx]" height ="[xx]" src ="[l'url]" title ="[Le titre de la photo]" alt ="Une photo sur Flickr" />
  </une>
</div>
<div id ="flickr_badge_image2">
  <a href ="[la page de photos]">
    <img width ="[xx]" height ="[xx]" src ="[l'url]" title ="[Le titre de la photo]" alt ="Une photo sur Flickr" />
  </une>
</div>
<div id ="flickr_badge_image3">
  <a href ="[la page de photos]">
    <img width ="[xx]" height ="[xx]" src ="[l'url]" title ="[Le titre de la photo]" alt ="Une photo sur Flickr" />
  </une>
</div>

Et ainsi de suite. Pour chaque image, L'ID changera dans son ensemble.

Maintenant, vous pouvez créer un style approprié avec CSS, pour rendre la galerie Flickr que nous voulons.

Pas assez?


TheJoe

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

2 commentaires

Separate Collection's blog · 26 Juillet 2010 à 4:36 PM

grazie grazie grazie grazie

bon · 12 Mai 2010 à 10:41 UN M

articolo molto interessante..aspetto di vedere il risultato! 😀

Laisser un commentaire

Votre adresse email ne sera pas publiée. les champs requis sont indiqués *

Ce site utilise Akismet pour réduire le spam. Découvrez comment vos données de commentaire est traité.