Commons Image Browser
January 13, 2012 3:19 PM   Subscribe

Commons Image Browser
A website that lets you browse CC and public domain images.

The site should be usable without javascript, but a little slicker if you have it ennabled.

Browse around, play with the options, and mark images that you like for download. Then when you're ready, download the saved images to your computer.

All of the images returned by the browser have a license that theoretically allows for commercial use.

Use it to find wallpapers, a cover for your next blockbuster album, etc.

It uses the Flickr API and Bootstrap.

The site is a work in progress. Please post any bug reports or feature requests here.
Role: creator
posted by jsturgill (22 comments total) 12 users marked this as a favorite

Jsturgill, this is a great project. I'm Memailing you with further details of my issues.
posted by PROD_TPSL at 11:48 PM on January 13, 2012

Problem solved! I think. Let me know if it doesn't work for you still.
posted by jsturgill at 10:24 AM on January 14, 2012

Jsturgill, the first problem is solved.

New problem. First query has ten pages of images. If you navigate to to final page and make a new query with fewer results... you remain on page ten instead of going to page one results of the latest query.
posted by PROD_TPSL at 4:07 PM on January 14, 2012

That's by design. You can manually set your page number at any time in the search form. If you want to go to page 1 of the new search, change page 10 in the form to page 1.
posted by jsturgill at 4:51 PM on January 14, 2012

Which is not to say the design isn't stupid. Should that be changed?
posted by jsturgill at 4:52 PM on January 14, 2012

jsturgill, the ability to manually select pages within the search results is a good and sound one. My only concern was when changing the query to new image search criteria. I thought it may have been a bug. It may be best to return to page one of a new search, as it seems intuitive to me. However, it's not my project. = ) I'm still a big fan.
posted by PROD_TPSL at 6:34 PM on January 14, 2012

I think I'll leave it as-is for now, as I still consider it a feature, not a bug.

I'm planning on adding some more complex/complete pagination functionality in the future. When that's ready, I'll likely remove the page option from the side search form entirely and default to loading page 1 with every new search.
posted by jsturgill at 7:11 PM on January 14, 2012

jsturgill, thanks for the update. Awesome work.
posted by PROD_TPSL at 7:49 PM on January 14, 2012

When I did a search for "zeppelin", and used the next button, I get a blank page 2. Pages 1, 3, 4, and 5 all worked.

As far as design, I don't care for having Prev/Next all the way over on the right side of the screen, and everything else over on the left. It makes for extra mousing. I would pick one edge (top, bottom, left, or right) and put all the input elements along that edge.
posted by fings at 8:12 AM on January 15, 2012

Fings, not sure what happened. Looks like it's working now. The script might have timed out on you because of a particularly slow response from the Flickr API, or maybe it was something else. The script also holds back any image that doesn't have a "large" or "original" size at Flickr. It may have been that with your particular search, page 2 didn't meet that criteria.

The size filtering has to happen on my end, since it's not a part of the Flickr API, so there must be certain searches that result in a page of results that aren't shown.

I'll experiment with the next/previous location. I want to keep searching and browsing separate from each other, both logically and physically.
posted by jsturgill at 9:37 AM on January 15, 2012

I moved the nav buttons above the search form. Better, I think.
posted by jsturgill at 12:10 PM on January 15, 2012

This is great! Thanks. I love the export function and especially the inclusion of the csv file with attribution/licensing info and links.
posted by {quick brown fox} at 1:03 AM on January 25, 2012

I changed the site structure. The new URL is here. It should redirect automatically.

I also added the largest available image size to the hover information.

There were a lot of behind-the-scenes changes, so something may have broken that I didn't notice. Tell me about it and I'll fix it.
posted by jsturgill at 6:57 PM on January 25, 2012

If I click on an image, it adds it to my saved images; is there any way for me to tell your search "I want to view this image on flickr."? Perhaps by clicking on the saved image?
posted by fings at 8:05 PM on January 25, 2012

Good idea. Done!
posted by jsturgill at 11:03 AM on January 26, 2012

This could really use "prev" and "next" links at the bottom. I set it to show 30 large images and scrolling back up is a lot of work, man.
posted by desjardins at 1:37 PM on January 26, 2012

Also, when I click on an image, it just goes to the top of the page. I'm using Chrome 16.

Oh, I see, it saves them in the sidebar. That's not intuitive at all. :(
posted by desjardins at 1:45 PM on January 26, 2012

Desjardins, ctrl + home :)

Would it help to add a "scroll to top" link at the bottom of the page until I'm ready to rework the pagination?

More importantly:

Could you be more explicit about what is not user-friendly about the sidebar list? What a better approach might be? What you expected to happen with you click on an image instead of what did happen?
posted by jsturgill at 3:03 PM on January 26, 2012

An ajaxy thing on click that says "saved to sidebar" or at least a note at the top that says "click pictures to save to sidebar." nothing was happening when I clicked so I just kept clicking and I had about 12 saved before I figured it out. Then I was like, wait, do I have to export them all or can I right click individually?
posted by desjardins at 10:01 PM on January 26, 2012

I won't be seriously ajaxifying the site until (much) later on, but you're right, it wouldn't hurt to include some sort of notice.

I'll probably not add an individual export any time soon, beyond the ability to save one and then immediately export it.
posted by jsturgill at 7:47 AM on January 27, 2012

There are now success messages for when you save an image. I also added a "top of page" link in the lower left-hand corner, and a second set of nav buttons in the lower right-hand corner.
posted by jsturgill at 2:35 PM on January 31, 2012

This is genuinely cool. I'd love to see some indication on/around the thumbnail that shows an image is in your saved list - it'd be especially useful if you're building up a big list before export and running several searches in a row.

Maybe a green border that matches the saved notification? :)

In feature request land, being able to click a tag to search it directly would be awesome. Though that would probably mean changing the hover behaviour of your popups.

(And this has made me realise that I posted some stuff without tagging it. Bad roobot.)
posted by roobot at 4:49 PM on February 18, 2012

« Older The Science of Magic...   |   Kenyan time-lapse music video.... Newer »

You are not currently logged in. Log in or create a new account to post comments.