Couloir.org | Altitude Slickness

Introducing MooPix

{ 24 Jul 2007 }

Awhile back, I vented my frustration over the poor documentation and support around putting Flickr on Rails. After having a go with various solutions, I decided I was in over my head and decided to fall back on something more familiar and began working on a pure Javascript solution.

And although it currently works only in Firefox and Safari, I’d like to introduce MooPix.

Normally you need server-side languages like Ruby because browsers do not permit direct cross-site scripting (i.e. they don’t want hacker sites to be able to control the code on your banking site). MooPix is a way for people who don’t understand server-side scripting, don’t control what’s installed on their server, or don’t even have a server in the first place to make calls against the Flickr API.

Like my original slideshow, MooPix is licensed under a Creative Commons Attribution-ShareAlike license.

Posted in: javascript, moopix, photos
Hierarchy: previous, next

Comments

There are 25 comments on this post. Post yours →

Nice little class and a nice site.

Beautiful work.
Aswell the option to send it to from picasa to flickr.
But I’m wondering? Is there a possibility to send it directly from picasa to my server to the same application (Moopix), instead to put it first on flickr?

hii,i like the gallery very much,is der some way i can use the gallery for my website,where i want to dispaly images which are not on flickr.plz let me know how it is possible

Scott,

Moopix looks amazing I’m looking forward to giving it a go. I really like your original slideshow work also. I was wondering if your ever going to share the code for slideshow with the gallery feature that is so slick that is on the front page.

moopixadmirer | posted on 22 Oct 2007 at 02:31 PM

Like prreya I’d like to use this as “just another javascript gallery”, displaying local photos.

Great and Beautiful work i like the way of presentation very much.

Great script. Any chance of adding the gallery list feature you have on couloir.org?

Okay. Sorry. I actually meant if you had plans to add the gallery list to this script: http://www.couloir.org/js_slideshow/

Hello Scott, great script! I have tried but I could only get the image on it’s ‘medium’ size, how do we fetch the ‘large’ size? Is that possible?

Anima, MooPix really just grabs the basic response from Flickr… My slideshow code is where I intentionally leverage the generic response to make the medium photos show up.

in showpix.js, you’ll see a line that looks like ‘src’: ‘http://static.flickr… and ends in jpg. If you change .jpg to _o.jpg, you’ll get the original photo, I believe. Changing .jpg to _m.jpg gets you medium images.

Here’s the lowdown straight from Flickr.

Jerry, no plans to update the old script, unfortunately.

Tim | posted on 04 May 2008 at 01:36 PM

Awesome script. One question though – is there some way that I can get it to open with the gallery view rather than the first image?

Thanks again.

Awesome script.

I have 2 problems though. This doesn’t work properly in IE.

And second, is there a way to set the slideshow to auto-play?

Thanks.

I asked a friend to do a hack the js and added this single line of code to “auto-play”

Slideshow.startAutoPlay(Slideshow.playTimer);

Place it right after

Slideshow = new ShowPix(rsp);

The IE still doesn’t work for IE. Help?

SU | posted on 25 May 2008 at 01:30 PM

Dave, can you be more specific about the issue you’re having in IE? Are you talking about the slideshow sample on MooPix.org or the core MooPix code itself (which just turns your Flickr API calls into javascript and handles the JSON that comes back)?

Strangely the MooPix now works on IE6 with no other issues. Also with my site www.pmxaudio.com

IE6 must be having a bad browser day.

IE

Thanks Scott.

Jeff Therrien | posted on 05 Jun 2008 at 06:33 PM

Great script! Is it possible for the thumbnail view to show first?

SU | posted on 08 Jun 2008 at 10:17 PM

Jeff, that does seem possible (and a good idea). For a start, #Container and #CaptionContainer would have to be set to display:none in the CSS file, while #ThumbContainer would have to be set to display:block. Then the methods createThumbs() and setActiveThumb() would have to be called in the appropriate object context.

I’ll look into it and see if that can be done more easily without too many changes to the original.

Great work with the design with your script.

as a new blogger, it’s nice to read this and see how people network. I generally find new bloggers by going through comments as well. That and recipe searches. Good stuff!

How did you do this?

sicapitan | posted on 09 Aug 2008 at 10:45 PM

moopix.org seems to be down – any chance of a link?

I also am looking for another link as moopix.org seems to be down for me too..

Tim | posted on 17 Aug 2008 at 05:47 AM

The site is back up now for those having issues before.

With showpix:

Has anyone managed to get the thumbnails to show as the first screen?

Also, although there is an option of per_page, but it seems that is the total number o0f images fetched. Is there some way to create pagination – as in 30 images per page and next/previous page links?

Thanks again for the great script – I’m only just starting with Javascript and need a bit of help.

Your site has very much liked me. I really appreciate it!

Post a comment

Required fields in bold.