Jquery Flickr gallery
- Started
- Last post
- 16 Responses
- Anders
Do you know of any jquery (or other) gallery script, that pulls images from a flickr account, based on a tag — and shows it as a background image?
- Stugoo0
interesting idea.
i dont use flickr (probly should)
the jquery
easy to do, write a simple image place script with an ajax function lisitng out the images you need, presumably at random....so what you need is a script that pulls out an image at random from flickr, if you can find that then your away... sooo
a quick google....
http://snippets.dzone.com/posts/…
if you can make sense of that... id like to have a shot at that, but i dont have the time right now.
- TheBlueOne0
I thought I had a bookmark like that, but it turns out it's just a flickr api for your twitter background:
- Anders0
Thanks, Stugoo.. It's for a friend.
I'm not all that cool with javascript, but just thought I'd give it a shot.
- Stugoo0
if someone can make sense of that php script Ill write you up and ajax function.
if your into web dev and your good with your css i seriously recommend learning jQuery... tis the nuts.
- danthon0
this will create galleries based on sets or tags
- acescence0
phpflickr is pretty easy to get working, they have some examples up there. you just need to grab an api key from flickr.
- Anders0
I'm using this little flickr 'hack' to get a json feed from flickr
http://www.wait-till-i.com/2007/…but it returns images in medium
and I want the largest imageis there a really easy way to replace the _m ending with _o ?
- Anders0
Oops.
Example of jpg names:
image_m (medium)
image_o (largest / original)
- neverblink0
you could do a simple string replacement to switch the '_m' to '_o'..
something like:while(o.items[i]){
var large_image = o.items[i].media.m.replace("/_m... "_o");
document.write(’<img src="’ + large_image + ‘" alt="’ + o.items[i].title +’">’)
i++;
}- _m... should be _m/g",
QBN thought is was too longneverblink
- _m... should be _m/g",
- Anders0
Sorry, never been much of a coder.
Where do I shtick that in my current code:
function jsonFlickrFeed(o)
{
var div = document.getElementById('photoBu...
var i = 0;while(o.items[i])
{
div.innerHTML += '<img src="' + o.items[i].media.m + '" alt="' + o.items[i].title +'">';
i++;
}
}
$(document).ready(function(){
$('#photoBucket').cycle()
});
- Anders0
bump
- Anders0
Thanks, acescence..
it's night here and I'm multitasking, so the even the simplicity of that statement seemed out of reach.
Got to read up on jquery, it seems simple enough once you get the hang of it.
- neverblink0
sorry I was asleep, glad acescence could help you out..
- Anders0
Thanks guys, it's actually working pretty sweet — and a most simple solution to pull images from flickr (without api keys).