jqGalViewIII: A Photo / Image Gallery | The Book and the Cover

Skip to content Skip to tags Skip to twitter news Skip to blog roll Skip to categories Skip to archives Skip to recent posts

October 21, 2007

jqGalViewIII (proof of concept)

by Benjamin Sterling in Experiments, Flash Alternatives, jQuery, jQuery Plugin on October 21, 2007 @ 10:30 pm

jqGalViewIII Overview

Note: I did a re-layout of the site and the plugin belows styles have not been adjusted yet, I hope to get to it soon.

Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved. This one is nothing fancy and not fully tested, but when I have more time I may take is some other features that are present in my other plugins in to this one.

Anyway, here it goes, please feel free to post any feedback. Not sure if I will take this plugin anywhere, but if there is interest, I may.

Tags: image gallery, Javascript, layout, Plugin, plugins

29 Responses to “jqGalViewIII (proof of concept)”

1. » 12 Javascript Image Galleries

[...] jqGalViewIII - Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved [...]
November 1st, 2007 at 10:31 am | Link

2. lost node » Blog Archive » 12 Javascript Image Galleries

[...] jqGalViewIII - Here we have yet another photo / image gallery, except at this point it is only a proof of concept. I see a ton of photo galleries in Flash and see a lot of effects that just can’t be done in JavaScript, but a ton of effects that can be achieved [...]
November 1st, 2007 at 1:03 pm | Link

3. 12 ??????????? ?? Javascript ?? ???? ???????

[...] jqGalViewIII [...]
November 3rd, 2007 at 10:12 am | Link

4. graeme

I prefer not to have effects, as they only slow down the interface =)
November 14th, 2007 at 9:20 am | Link

5. Benjamin Sterling

Graeme,
I partially agree, but if the code is done right and if things are optimized, not over done, some effects can be very good. I particularly feel that every effect should fail nicely if javascript is turned off. My plugin (I hope) do this.
November 14th, 2007 at 11:55 am | Link

6. francisco arenas

this is a really good example of a good implementation of javascript power, letme congratulate you, really nice example, and fast too
December 13th, 2007 at 11:40 pm | Link

7. Jquery?N??? » NeiLyi.cn -???

[...] lightBox plugin.jQuery Image Strip.jQuery slideViewer.jQuery jqGalScroll 2.0.jQuery - jqGalViewII.jQuery - jqGalViewIII.jQuery Photo Slider.jQuery Thumbs - easily create thumbnails.jQuery jQIR Image [...]
January 15th, 2008 at 3:48 am | Link

8. Mike

Nice plugin! However, I have 22 questions

- What about pictures of a different size / vertical layout, etc?…
- Is there a slideshow option?

Mike
January 22nd, 2008 at 8:07 pm | Link

9. Mike

Oke, I meant 2 lol
January 22nd, 2008 at 8:08 pm | Link

10. Benjamin Sterling

Mike: Sadly I have not had time to advance this plugin past what it is now, I have not really done a bunch of testing for it. But to answer your question, you should be able to put what ever size image you want, if you are talking about thumbnails, then just edit the css to adjust for the larger size, if you are talking about the large image, it is bigger then the viewing area it will be resized to fit, if it is smaller it will just get positioned in the center.

Eventually there will be a slideshow option, but as it stands now, there is nothing built in.
January 23rd, 2008 at 12:44 am | Link

11. chetan_bellandur

nice plugin can anyone help how to implement this on my website bcoz im new to web developement
February 4th, 2008 at 2:49 am | Link

12. LongWay's Blog » Blog Archive ???jQuery??

[...] plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create thumbnails. jQuery jQIR Image Replacement. [...]
February 13th, 2008 at 1:39 am | Link

13. 12?Javascript???????????? | ????

[...] jqGalViewIII [...]
February 17th, 2008 at 5:10 pm | Link

14. googel

very nice in JS, bb is you baby?
March 26th, 2008 at 2:39 am | Link

15. The ultimate jQuery Plugin List | Kollermedia.at

[...] Portfolio jQuery Image Strip jQuery slideViewer jQuery jqGalScroll 2.0 jQuery - jqGalViewII jQuery - jqGalViewIII jQuery Photo Slider jQuery Thumbs - easily create thumbnails jQuery jQIR Image Replacement [...]
April 3rd, 2008 at 9:34 am | Link

16. Roberson

I loved it..

there’s a bug to fix..
when you click on the picture that is currently selected.. the transition is executed.
but I think it’s supposed to do nothing in this case..
because the img isnt changing, and an other img appears in the background (and its not the previous img)

thank you
April 19th, 2008 at 10:32 am | Link

17. Görsellik Harikalar? Ajax ve javaScript foto?raf galerileri | Forumlegal.Net /

[...] jqgalviewiii [...]
April 21st, 2008 at 8:03 am | Link

18. Görsellik Harikalar? Ajax ve javaScript foto?raf galerileri | Forumlegal.Net /

[...] jqgalviewiii [...]
April 21st, 2008 at 8:11 am | Link

19. Ajax ve JavaScript Tabanl? Foto?raf Galerileri - TurkForum.Net

[...] jqgalviewiii [...]
April 22nd, 2008 at 8:17 am | Link

20. Ajax ve javaScript tabanl? foto?raf galerileri « kamer)

[...] jqgalviewiii [...]
April 25th, 2008 at 1:28 pm | Link

21. Ajax ve javaScript tabanl? foto?raf galerileri | Dü?'lerindir seni Var’eden

[...] jqgalviewiii [...]
April 28th, 2008 at 9:55 am | Link

22. jQuery????.(240) | Sapling soliloquize

[...] plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create thumbnails. jQuery jQIR Image Replacement. [...]
April 28th, 2008 at 11:58 am | Link

23. ?????240??jQuery?? - ????

[...] plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create thumbnails. jQuery jQIR Image Replacement. [...]
May 3rd, 2008 at 12:39 am | Link

24. KMC | Web & Internet Teknolojileri Günlü?ü » Ajax/Javascript ile Yap?lm?? Resim Galerisi Örnekleri

[...] No.17 jqGalViewIII [...]
May 3rd, 2008 at 9:40 am | Link

25. Las mejores galerias en flash y javascript | Pboza

[...] jqGalViewIII - benjaminsterling.com [...]
May 5th, 2008 at 2:58 pm | Link

26. shimon

random crosfades between images is good idea
May 7th, 2008 at 3:37 am | Link

27. bingot

how can i download the source code of your plugin. this one (jqGalViewII). this is great by the way, can we use image thumbnail at the jqGalScroll?

May 15th, 2008 at 2:13 am | Link

28. ???? - ?????240??jQuery??

[...] plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create thumbnails. jQuery jQIR Image Replacement. [...]
June 14th, 2008 at 10:53 am | Link

29. ??240??jQuery?? | ?????????

[...] plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create thumbnails. jQuery jQIR Image Replacement. [...]
June 27th, 2008 at 11:17 pm | Link

RSS Feed Link

Overall Top Posts

jQuery: jqGalScroll v2.1 (Photo Gallery) (48498 views)
Image/Photo Gallery Viewer using jQuery (34197 views)
jQuery: jqGalViewII (Photo Gallery) (31395 views)
PhotoXhibit (21250 views)
jqGalViewIII (proof of concept) (20500 views)
Benjamin Sterling Galleries: Wordpress Photo/Image Gallery Plugin for Flickr & Picasa (15534 views)
jQuery: jqShuffle (12815 views)
PhotoXhibit Example one (8271 views)
jQuery: jqAlbumParser Plugin, parses out Flickr, Picasa clientside (7084 views)

Badges/Networking

More Info

benjaminsterling.com