Erstellen Sie einen “Abzeichen” Flickr
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=[L'ID utente]">
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:
Parameter | Typ | Werte | Bestimmung |
---|---|---|---|
zählen | ganze | Eine ganze Zahl zwischen 1 und 10 | Die Anzahl der Fotos zu zeigen. (10 di default) |
Anzeige | String | neueste, zufällig | Das Abzeichen zeigt das letzte Bild oder Foto Zufall. (der letzte Standard) |
Layout | String | h, in, x | Fotos sortieren horizontal, Senkrecht nicht ordinarle. (standardmäßig horizontal) |
Quelle | String | Benutzer, user_tag, user_set, Gruppe, group_tag, alle, all_tag | Wo 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. la nostra url è …/sets/1632467/ quindi l’ID del set è 1632467), beziehungsweise. |
Größe | String | s, t, m | Die 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="[the photo page]"> <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on Flickr" /> </a> </div> <div id="flickr_badge_image2"> <a href="[the photo page]"> <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on Flickr" /> </a> </div> <div id="flickr_badge_image3"> <a href="[the photo page]"> <img width="[xx]" height="[xx]" src="[the url]" title="[The photo's title]" alt="A photo on 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.
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! 😀