Cookie

Vorsicht


Dieser Artikel wurde mehr als vor einem Jahr veröffentlicht, Es gab Entwicklungen können.
Bitte berücksichtigen Sie dies.

Öffentliche nun die Übersetzung der ein sehr interessanter Artikel vor ein paar Tagen zum Erstellen gefunden benutzerdefinierte Stile per le benutzerdefinierte Galerie di Flickr.

Wie viele wissen,, Flickr ist sozialen Netzwerken zu Liebhaber der Fotografie. Menschen eingeschrieben, Foto hochladen, kommentiert foto und andere bekommt Feedback andere, um ihre Fotos. Einer der großen Dinge über Flickr ist die Möglichkeit, anzugeben, Lizenzen für Ihre Fotos, aber in diesem Artikel werden wir kümmern '”exportieren” Bilder von einem Flickr-Account auf einer externen Seite.

Das soziale Netzwerk bietet den Anwender un wizard mit denen Sie zu erstellen “Abzeichen” Brauch, aber mit wenig Auswahl in Bezug auf Anpassung. In diesem Artikel befassen wir uns mit Dokumentation der API Teil Abzeichen di Flickr, zeigt den HTML-Code Flickr, die dieselbe auf die Aufnahme überträgt. Dies wird definitiv einfacher zu handhaben CSS.

Unabhängig von dem, was wir tun, wir umfassen die folgenden Zeilen:

<script type ="text / javascript"
src ="https://www.flickr.com/badge_code_v2.gne?user =[Die Benutzer-ID]">

Wir haben zu ersetzen “L'ID utente” bei (zufällig) die Benutzer-ID. Die ID kann durch Eingabe Ihren Benutzernamen auf dieser Seite erhalten werden: idgettr. Es kann ersetzen das Symbol “@” mit den entsprechenden HTML “%40“.

Ich ermöglichte Parameter

Neben diesen gibt es viele andere Parameter, Die in dieser Tabelle die wichtigsten:

ParameterTypWerteBestimmung
zählenganzeEine ganze Zahl zwischen 1 und 10Die Anzahl der Fotos zu zeigen. (10 di default)
AnzeigeStringneueste, zufälligDas Abzeichen zeigt das letzte Bild oder Foto Zufall. (der letzte Standard)
LayoutStringh, in, xFotos sortieren horizontal, Senkrecht nicht ordinarle. (standardmäßig horizontal)
QuelleStringBenutzer, user_tag, user_set, Gruppe, group_tag, alle, all_tagWo werden Fotos gemacht,? Nach der Auswahl einer dieser, Sie müssen bis zu zwei Parameter erklären, die / tags und / oder die Gruppen-ID o Satz Angabe. Diese Parameter sind tag (String), Gruppen (der Integer-Wert kann auch gefunden werden idgettr), und eingestellt (das ganze in der URL eines spezifischen Satzes gefunden (ist. unsere url ist ... / Sets / 1632467 / dann die ID des Satzes ist 1632467), beziehungsweise.
GrößeStrings, t, mDie Größe des Bildes. s bedeutet “Platz”, t Miniatur, und m Mittelstand. (Denken Sie daran, dass die durchschnittliche Größe gleich der Größe klein, wenn wir betrachten “Verfügbare Größen” auf einem Foto. (miniatura di default)

Wir ändern das Ausgabeformat

Einmal in unserem Javascipt Seite enthalten, geben eine HTML-Ausgabe für die Anzeige im Browser. Da wir den Ausgabestil ändern, Sie brauchen, um mit Präzision den Code kennen. Dies ist ein Beispiel dafür, wie der Code auf Basis zurückgegeben:

<div id ="flickr_badge_image1">
  <a href ="[die Foto-Seite]">
    <img width ="[xx]" height ="[xx]" src ="[die url]" title ="[Die Foto-Titel]" alt="Ein Foto auf Flickr" />
  </a>
</div>
<div id ="flickr_badge_image2">
  <a href ="[die Foto-Seite]">
    <img width ="[xx]" height ="[xx]" src ="[die url]" title ="[Die Foto-Titel]" alt="Ein Foto auf Flickr" />
  </a>
</div>
<div id ="flickr_badge_image3">
  <a href ="[die Foto-Seite]">
    <img width ="[xx]" height ="[xx]" src ="[die url]" title ="[Die Foto-Titel]" alt="Ein Foto auf Flickr" />
  </a>
</div>

Und so weiter. Für jedes Bild, Die ID wird in ein Ganzes ändern.

Jetzt können Sie einen entsprechenden Stil mit CSS, die Flickr-Galerie machen, wie wir wollen.

Zu wenig?


TheJoe

Ich halte diesen Blog als ein Hobby von 2009. Ich bin begeistert von Grafik, Technologie, Open Source Software. Unter meinen Artikel wird nicht schwierig sein, über die Musik finden, und einige persönliche Reflexionen, aber ich bevorzuge die direkte Linie des Blogs vor allem auf Technologie. Weitere Informationen Kontaktieren Sie mich.

2 Kommentare

Getrennte Sammlung Blog · 26 Juli 2010 um 4:36 PM

danke danke danke danke

Gutschein · 12 Mai 2010 um 10:41 AM

Artikel sehr interessante..aspetto, um das Ergebnis zu sehen! 😀

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.