<?xml version="1.0" encoding="UTF-8"?><rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
> <channel><title>Comments on: Flickrush &#8211; A jQuery flickr plugin</title> <atom:link href="http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/feed" rel="self" type="application/rss+xml" /><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html</link> <description>Online portfolio of Philip Beel Front End Web Developer</description> <lastBuildDate>Tue, 07 Feb 2012 18:21:56 +0000</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>By: David</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-2891</link> <dc:creator>David</dc:creator> <pubDate>Fri, 18 Mar 2011 12:58:38 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-2891</guid> <description>Hi Philip,
Firstly,  great little plugin. I&#039;m hoping to build it into mysite when I work a few things out.
I require to use sets. For example there will be three different random selections,  each from different sets.
I&#039;ve tried to modify the plugin (if the modifications are any use i&#039;m happy for them to be reused of course) using other examples of code available on flickr and other sets. Here is what i&#039;ve came up with:
html:
$(function() {
$(&#039;div#flickrImages&#039;).flickrush({
limit:3,
id:&#039;44499772@N06&#039;,
random:true,
photoset_id:&#039;72157623069967604&#039;,
size: &#039;m&#039;
});
});
javascript:
(function($){
$.fn.flickrush=function(options){
var defaults={
limit:3,
random:false,
id:&#039;yourUserId&#039;,
photoset_id: &#039;&#039;,
size: &#039;s&#039;
};
var options=$.extend(defaults,options);
return this.each(function(options){
var act=$(this);
var url=&quot;http://api.flickr.com/services/rest/?&amp;method=flickr.photosets.getPhotos&amp;api_key=yourAPIkey&amp;photoset_id=&quot;+defaults.photoset_id+&quot;=&amp;format=json&amp;jsoncallback=?&quot;;
$.getJSON(url, function(data){
var num = 0; //get a random integer
var imageArray = new Array(); //store used images in here
while( num &lt;= defaults.limit-1) {
if(defaults.random == true) {
var randomiser = Math.floor(Math.random()*20);
}
$.each(data.photoset.photo, function(i,item){
if(defaults.random == true) {
if( ( i == randomiser ) &amp;&amp; (!imageArray.in_array(randomiser) ) ) {
var imgUrl =&#039;http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;;
var newImage = $(&quot;&quot;).attr({
src: imgUrl
});
$(act).append(newImage);
}
} else {
if( ( i &lt;= defaults.limit-1 ) &amp;&amp; (!imageArray.in_array(defaults.limit-1) ) ) {
var imgUrl =&#039;http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;;
var newImage = $(&quot;&quot;).attr({
src: imgUrl
});
$(act).append(newImage);
}
}
});
if(defaults.random == true) {
if ( imageArray.in_array(randomiser) ) {
defaults.limit++;
}
//strore our image number
imageArray.push(randomiser);
} else {
imageArray.push(defaults.limit-1);
}
num++;
}
});
//function to check in an array
Array.prototype.in_array = function(p_val) {
for(var i = 0, l = this.length; i &lt; l; i++) {
if(this[i] == p_val) {
return true;
}
}
return false;
}
});
}
})(jQuery);
The problem with this is that the random just doesn&#039;t want to work. It either gives me one random photo or none or sometimes two,  but rarely three. And i&#039;m not sure they are random..
Could anyone comment on the problem here?
David</description> <content:encoded><![CDATA[<p>Hi Philip,<br
/> Firstly,  great little plugin. I&#8217;m hoping to build it into mysite when I work a few things out.</p><p>I require to use sets. For example there will be three different random selections,  each from different sets.</p><p>I&#8217;ve tried to modify the plugin (if the modifications are any use i&#8217;m happy for them to be reused of course) using other examples of code available on flickr and other sets. Here is what i&#8217;ve came up with:</p><p>html:</p><p> $(function() {<br
/> $(&#8216;div#flickrImages&#8217;).flickrush({<br
/> limit:3,<br
/> id:&#8217;44499772@N06&#8242;,<br
/> random:true,<br
/> photoset_id:&#8217;72157623069967604&#8242;,<br
/> size: &#8216;m&#8217;<br
/> });<br
/> });</p><p>javascript:</p><p>(function($){<br
/> $.fn.flickrush=function(options){<br
/> var defaults={<br
/> limit:3,<br
/> random:false,<br
/> id:&#8217;yourUserId&#8217;,<br
/> photoset_id: &#8221;,<br
/> size: &#8216;s&#8217;<br
/> };<br
/> var options=$.extend(defaults,options);<br
/> return this.each(function(options){<br
/> var act=$(this);<br
/> var url=&#8221;http://api.flickr.com/services/rest/?&amp;method=flickr.photosets.getPhotos&amp;api_key=yourAPIkey&amp;photoset_id=&#8221;+defaults.photoset_id+&#8221;=&amp;format=json&amp;jsoncallback=?&#8221;;</p><p> $.getJSON(url, function(data){<br
/> var num = 0; //get a random integer<br
/> var imageArray = new Array(); //store used images in here<br
/> while( num &lt;= defaults.limit-1) {<br
/> if(defaults.random == true) {<br
/> var randomiser = Math.floor(Math.random()*20);<br
/> }<br
/> $.each(data.photoset.photo, function(i,item){<br
/> if(defaults.random == true) {<br
/> if( ( i == randomiser ) &amp;&amp; (!imageArray.in_array(randomiser) ) ) {<br
/> var imgUrl =&#039;<a
href="http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;" rel="nofollow">http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;</a>;<br
/> var newImage = $(&quot;&#8221;).attr({<br
/> src: imgUrl<br
/> });<br
/> $(act).append(newImage);<br
/> }<br
/> } else {<br
/> if( ( i &lt;= defaults.limit-1 ) &amp;&amp; (!imageArray.in_array(defaults.limit-1) ) ) {<br
/> var imgUrl =&#039;<a
href="http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;" rel="nofollow">http://farm&#039;+item.farm+&#039;.static.flickr.com/&#039;+item.server+&#039;/&#039;+item.id+&#039;_&#039;+item.secret+&#039;_&#039;+defaults.size+&#039;.jpg&#039;</a>;<br
/> var newImage = $(&quot;&#8221;).attr({<br
/> src: imgUrl<br
/> });<br
/> $(act).append(newImage);<br
/> }<br
/> }<br
/> });<br
/> if(defaults.random == true) {<br
/> if ( imageArray.in_array(randomiser) ) {<br
/> defaults.limit++;<br
/> }<br
/> //strore our image number<br
/> imageArray.push(randomiser);<br
/> } else {<br
/> imageArray.push(defaults.limit-1);<br
/> }<br
/> num++;<br
/> }<br
/> });</p><p> //function to check in an array<br
/> Array.prototype.in_array = function(p_val) {<br
/> for(var i = 0, l = this.length; i &lt; l; i++) {<br
/> if(this[i] == p_val) {<br
/> return true;<br
/> }<br
/> }<br
/> return false;<br
/> }<br
/> });<br
/> }<br
/> })(jQuery);</p><p>The problem with this is that the random just doesn&#039;t want to work. It either gives me one random photo or none or sometimes two,  but rarely three. And i&#039;m not sure they are random..</p><p>Could anyone comment on the problem here?</p><p>David</p> ]]></content:encoded> </item> <item><title>By: Wordpress Tema Yapımı ! (Adım 2 HTML &#38; CSS) &#171; Wordpress İndir,Wordpress Database,Wordpress Seo,Wordpress Eklentileri</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-2300</link> <dc:creator>Wordpress Tema Yapımı ! (Adım 2 HTML &#38; CSS) &#171; Wordpress İndir,Wordpress Database,Wordpress Seo,Wordpress Eklentileri</dc:creator> <pubDate>Mon, 24 Jan 2011 11:35:09 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-2300</guid> <description>[...] Three jQuery resources were used to create the functionality. Firstly, the Twitter message is called using JSON as described in this handy tutorial from Ninanet. The Last.FM top tracks list is generated using this fantastic plugin from Jeroen Smeets, which can either be used as a WordPress plugin, or directly through jQuery. Finally, the Flickr stream is producing using a slightly modified version of the Flickrush plugin from Philip Beel. [...]</description> <content:encoded><![CDATA[<p>[...] Three jQuery resources were used to create the functionality. Firstly, the Twitter message is called using JSON as described in this handy tutorial from Ninanet. The Last.FM top tracks list is generated using this fantastic plugin from Jeroen Smeets, which can either be used as a WordPress plugin, or directly through jQuery. Finally, the Flickr stream is producing using a slightly modified version of the Flickrush plugin from Philip Beel. [...]</p> ]]></content:encoded> </item> <item><title>By: Ryan</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-1346</link> <dc:creator>Ryan</dc:creator> <pubDate>Wed, 24 Nov 2010 21:12:50 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-1346</guid> <description>Great little plugin thanks. I needed something quick and simple for a project where I didn&#039;t need the user to go through API sign up and all that. :)
Was wondering if you had this code up on github maybe? I am adding some features to your code to handle a little more stuff I needed such as a callback function, list creation and links.
-Ryan</description> <content:encoded><![CDATA[<p>Great little plugin thanks. I needed something quick and simple for a project where I didn&#8217;t need the user to go through API sign up and all that. <img
src='http://theodin.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>Was wondering if you had this code up on github maybe? I am adding some features to your code to handle a little more stuff I needed such as a callback function, list creation and links.</p><p>-Ryan</p> ]]></content:encoded> </item> <item><title>By: philipbeel</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-1255</link> <dc:creator>philipbeel</dc:creator> <pubDate>Tue, 09 Nov 2010 08:56:44 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-1255</guid> <description>@Rob, I am sure something like this should be possible. I will experiment and see what can be done. When I get this plugin into github, please feel free to fork the code</description> <content:encoded><![CDATA[<p>@Rob, I am sure something like this should be possible. I will experiment and see what can be done. When I get this plugin into github, please feel free to fork the code</p> ]]></content:encoded> </item> <item><title>By: Rob</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-1247</link> <dc:creator>Rob</dc:creator> <pubDate>Mon, 08 Nov 2010 19:28:20 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-1247</guid> <description>It seems the default on this is for the images to be quite small.  When CSS is used to make the images larger (640  x 480) it causes the images to get pixellated.
Is there a way to call the images from the photostream in a larger size format.  Possibly using the _z suffix, like what is discussed here http://www.flickr.com/services/api/misc.urls.html?
Thanks</description> <content:encoded><![CDATA[<p>It seems the default on this is for the images to be quite small.  When CSS is used to make the images larger (640  x 480) it causes the images to get pixellated.</p><p>Is there a way to call the images from the photostream in a larger size format.  Possibly using the _z suffix, like what is discussed here <a
href="http://www.flickr.com/services/api/misc.urls.html?" rel="nofollow">http://www.flickr.com/services/api/misc.urls.html?</a></p><p>Thanks</p> ]]></content:encoded> </item> <item><title>By: Coding a Stylish Blog Design Layout in HTML &#38; CSS &#171; iBlogger</title><link>http://theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/comment-page-1#comment-912</link> <dc:creator>Coding a Stylish Blog Design Layout in HTML &#38; CSS &#171; iBlogger</dc:creator> <pubDate>Mon, 30 Aug 2010 19:46:21 +0000</pubDate> <guid
isPermaLink="false">http://theodin.co.uk/?p=1486#comment-912</guid> <description>[...] Three jQuery resources were used to create the functionality. Firstly, the Twitter message is called using JSON as described in this handy tutorial from Ninanet. The Last.FM top tracks list is generated using this fantastic plugin from Jeroen Smeets, which can either be used as a WordPress plugin, or directly through jQuery. Finally, the Flickr stream is producing using a slightly modified version of the Flickrush plugin from Philip Beel. [...]</description> <content:encoded><![CDATA[<p>[...] Three jQuery resources were used to create the functionality. Firstly, the Twitter message is called using JSON as described in this handy tutorial from Ninanet. The Last.FM top tracks list is generated using this fantastic plugin from Jeroen Smeets, which can either be used as a WordPress plugin, or directly through jQuery. Finally, the Flickr stream is producing using a slightly modified version of the Flickrush plugin from Philip Beel. [...]</p> ]]></content:encoded> </item> </channel> </rss>
<!-- This Quick Cache file was built for (  theodin.co.uk/blog/development/flickrush-jquery-flickr-plugin.html/feed ) in 0.40269 seconds, on Feb 8th, 2012 at 7:58 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 8th, 2012 at 8:58 am UTC -->
