Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

"Pulling Flickr Your Feed with jQuery" - Funkar ej !

j.andersson

Startad av j.andersson,
i Webbutveckling

Rekommendera Poster

j.andersson

j.andersson

Postad
Postad

Jag följer dessa instruktioner: http://www.viget.com/inspire/pulling-your-flickr-feed-with-jquery/ men allt som visas vid körning är detta: PrevNext.

 

Detta är min kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;}
#images img { border:none;}
</style>

<script src="jquery-1.4.1.min.js" type="text/javascript">
</script>

<script src="jquery.cycle.all.min.js" type="text/javascript">
</script>

<script type="text/javascript">
$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){

 $.each(data.items, function(i,item){
   $("<img/>").attr("src", item.media.m).appendTo("#images")
     .wrap("<a href='" + item.link + "'></a>");
 });
 $('#images').cycle({
   fx:     'fade',
   speed:    'fast',
   timeout:  0,
   next:   '#next',
   prev:   '#prev'	 
 });
});

</script>
</head>

<body>


 <div id="images"></div>  
<div class="flickrNav">
   <a href="#" id="prev" >Prev</a><a href="#" id="next">Next</a>
</div>

</body>
</html>

 

Vad kan jag tänkas göra för fel?

 

Jag slutade följa instruktionerna ungefär där rubriken "Getting More Than Just Pretty Pictures" tar vid, för vid det laget borde någon form av innehåll visat sig.

 

Ifall någon skulle ha lust att sätta sig in i detta skulle jag uppskatta det. Det är tänkt att bilderna ska visas på det sätt som visas under rubriken "Viget Inspiration group Pool".

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad
Vad kan jag tänkas göra för fel?

Har du ladat ner jquery-biblioteket du vill använda i följande rader?

<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>

Länk till kommentar
Dela på andra webbplatser
j.andersson

j.andersson

Postad
  • Trådskapare
Postad

Har du ladat ner jquery-biblioteket du vill använda i följande rader?

<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="jquery.cycle.all.min.js" type="text/javascript"></script>

 

Japp! Det har jag gjort. Nu har det i alla fall löst sig. Kollade in en annan tutorial som var gjord på liknande vis. Där hade dom även med raden: 

$(document).ready(function })

. Så när jag lade till den så funkade det: 

$(document).ready(function() {
$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=675729@N22&lang=en-us&format=json&jsoncallback=?", function(data){

 $.each(data.items, function(i,item){
   $("<img/>").attr("src", item.media.m).appendTo("#images")
     .wrap("<a href='" + item.link + "'></a>");
 	});
 		$('#images').cycle({
   		fx:     'fade',
   		speed:    'fast',
   		timeout:  0,
   		next:   '#next',
   		prev:   '#prev'	 
 		});
});
});

 

Tack för responsen!

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...