• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilder aus einem Ordner rauslesen

kuscho

Mitglied
Ich habe einen Script der aus dem Flickr server Bilder rausfischt und anzeigt z.B.

HTML:
url = 'http://farm' + photo.farm + '.static.flickr.com/' +
photo.server + '/' + photo.id + '_' + photo.secret;
$('<a rel="gallery"/>')
.append($('<img>').prop('src', url + '_s.jpg'))
.prop('href', url + '_b.jpg')
.prop('title', photo.title)
.appendTo(gallery);
(ein Teil meiner Quelltext datei)

ich hab versucht, dass er die Bilder von meinem Server aus rausliest, jedoch hab ich es nicht geschafft

Der Quelltext meiner Seite: loghos.org | Galerie

Danke für eure Hilfe!
 
Bei mir werden dort Bilder angezeigt?! Die stammen von flickr? Oder habe ich etwas nicht ganz verstanden?

Wenn es dir darum geht Bilder aus einer anderen Quelle zu laden, musst Du auch die Verbindung zu dieser anderen Quelle konfigurieren. Du hast oben ja nicht den ganzen Quellcode der relevant ist gezeigt. Das wäre folgender:

Code:
$.ajax({
url: 'http://api.flickr.com/services/rest/',
data: {
format: 'json',
method: 'flickr.interestingness.getList',
api_key: '7617adae70159d09ba78cfec73c13be3'
},
dataType: 'jsonp',
jsonp: 'jsoncallback'
}).done(function (data) {
var gallery = $('#gallery'),
url;
$.each(data.photos.photo, function (index, photo) {
url = 'http://farm' + photo.farm + '.static.flickr.com/' +
photo.server + '/' + photo.id + '_' + photo.secret;
$('<a rel="gallery"/>')
.append($('<img>').prop('src', url + '_s.jpg'))
.prop('href', url + '_b.jpg')
.prop('title', photo.title)
.appendTo(gallery);

        });
    });
});

Und da sieht man, dass die Bilddaten per AJAX von der flickr-API abgefragt werden. Wenn Du eine andere Quelle willst (z.B. deinen eigenen Server), musst Du folglich selbst auf deinem Server so eine Schnittstelle hinterlegen die die Daten im identischen Format (ich tippe auf JSON) zurück gibt damit das JavaScript hier diese Daten verarbeiten kann.
 
Zurück
Oben