sign

Hallo zusammen, habe eine kurze Frage:
Ich lade Bilder per JS aus dem RSS-Feed von Flickr.
Nun möchte ich die Bilder in einer Lightbox anzeigen, nur irgendwie funktioniert das nicht. Schreibe ich aber testweise ein Bild mit Link hinein geht es, dasselbe per JS funktioniert aber nicht. Ist es möglich die Lightbox auf die js geladenen Bilder anzuwenden oder nicht?

Bei der Lightbox handelt es sich um dieses Plugin.

Ich möchte das geklärt haben, weil ich dann weiss ob der Fehler bei mir liegt oder ob es einfach unmöglich ist.

Vielen Dank

LG

Mister Ad

nikosch

Dann solltest Du wenigstens einen Link posten. Hellsehen kann hier niemand.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

sign

Kann ich auch. Hier
Das Bild der ersten Tulpe ist fest im Code geschrieben, alle anderen werden per JS reingeschrieben.

Ich dachte, ihr könntet einfach generell sagen, ob es möglich ist die Lightbox auf per js geladene Bilder anzuwenden.. aber ok sorry

Danke für die schnelle Antwort

Paul.Schramenko

rein prinzipiell ja. Die Frage ist nur wie du das ganze umsetzt.

__________________
"My software never has bugs, it just develops random features."
"Real programmers don't comment. If it was hard to write, it should be hard to understand!"
Positive Bewertungen sind nicht unwillkommen...

sign

Ok, danke für die Antwort.
Ist es so wie ich es mache nicht möglich?
Hier die Datei die den Import löst

Ich bin auf die Javascript Methode umgestiegen, da die PHP Methode via simpleXML mit meiner Serverkonfiguration nicht möglich ist.

ChrisB

Vermutlich muss einfach nur die Initialisierungs-Routine der Lightbox noch mal aufgerufen werden, nachdem die Bilder ins DOM eingefügt wurden.

__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

sign

Danke für die Antwort, aber bin nicht sicher, ob ich dich richtig verstehe.
Mit "Initialisierungs-Routine der Lightbox" meinst du sehrwahrscheindlich.

oder?
In meinem Code wird die Funktion nach dem Einfügen ins DOM aufgerufen:

Reicht das nicht?

nikosch

Nein.

getJSON basiert auf Ajax. Das bedeutet, dass nicht gewährleistet ist, dass das Einbinden der Items vor dem Lightbox-Script geschieht. Du solltest den Lightbox-Aufruf mit ins Callback ziehen. Alternative gehts _vielleicht_ mit live-Query.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

sign

Danke für die Antwort, jetzt verstehe ich das Problem Danke!
Schaue mir live-Query an!

sign

Könntest du mir erklären, was das live-query genau macht? Ich verstehe nicht ganz, wie es funktioniert?

EDIT:

Habs verstanden, es geht jetzt. Musste die Funktion nur in den Callback der getJSON-Funktion nehmen! Danke für eure Hilfe!
Hier der Code:

$(function(){


//FLICKR IMPORT

$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157624546841599&nsid=52783156@N 07&lang=de-de&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
var bildlink = item.media.m;
var bildlink2 = item.media.m;
bildlink2 = bildlink.replace("_m", "");
$("<img/>").attr("src", bildlink).attr("alt", item.title).appendTo("#flickr").wrap("<a href='" + bildlink2 + "'></a>");
;

});

$("#title").html(data.title);
$("#description").html(data.description);
$("#link").html("<a href='"+data.link+"' target=\"_blank\">Visit the Viget Inspiration Pool!</a>");
//Notice that the object here is "data" because that information sits outside of "items" in the JSON feed
$('#flickr a').lightBox();
});



});