jQuery: jqGalScroll v2.1 (Photo Gallery)
jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.
The Head
-
<script type="text/javascript" src="jquery.js"></script>
-
<script type="text/javascript" src="jqGalScroll.js"></script>
-
<script type="text/javascript">
-
$(document).ready(function(){
-
$("#demoOne").jqGalScroll();
-
});
-
</script>
-
<style>
-
@import url("common/css/jqGalScroll.css");
-
</style>
The Body
-
<ul id="demoOne">
-
</ul>
The Outcome
Options
Below are a list of options you can pass to the jqGalScroll plugin.
-
ease: null,
-
speed:0,
-
height: 500,
-
width: 500,
-
titleOpacity : .60,
-
direction : 'horizontal' // vertical horizontal diagonal
Styling
I am in no way a great designer, so the example is very bare, but the follow urls are sites that done a nice job with the plugin:
Thanks
Koes put a fire under my butt to improve this plugin and when I took too long he took what I had and added the horizontal scroll and in turn I ripped it from his hands and made it better 
http://www.koesbong.com/
Download
The jqGalScroll v2.1 Plugin is available at: http://bs-jquery-plugins.googl.....ll.2.1.zip.
The jQuery core is available at: http://code.google.com/p/jqueryjs/downloads/list.
The jQuery Easing Plugin v1.1.1 is available at: http://gsgd.co.uk/sandbox/jquery.easing.php.
May 7th, 2008 at 7:35 pm
[...] jqGalScroll v2.1 (Photo Gallery)- jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo [...]
April 15th, 2008 at 9:54 pm
Hi Benjamin! First of all, great plugin! Works like a charm and it's much better than flash. I was wondering, Is a version of jqGalScroll with arrow navigation instead of numbers an idea? http://electricprism.com/aeron.....rrows.html and maybe an option with different transitions like fade and bounce etc.
It seems to be that the code is a bit messy, or isn't that correct. I did a check up of my website with W3C validator and the output of the XHTML validation markup gave lots of errors :(. i'm trying to get this fixed by myself, hopefully i get this done, because i'm no coder :). but maybe you can take this with you for the future.
April 9th, 2008 at 10:21 pm
@Kiltro @Justone Yes, that is great idea I will make a note, but if you come up with something in the meantime, feel free to let me know.
April 9th, 2008 at 2:43 pm
Thumbnails instead of numbers would be a great idea!
April 9th, 2008 at 6:01 am
[...] jQuery lightBox plugin. jQuery Image Strip. jQuery slideViewer. jQuery jqGalScroll 2.0. jQuery - jqGalViewII. jQuery - jqGalViewIII. jQuery Photo Slider. jQuery Thumbs - easily create [...]
April 7th, 2008 at 4:57 pm
It is possible to set thumbails rather than numbers ?
April 2nd, 2008 at 6:57 pm
#95 Benjamin Sterling Says: "I only had a chance to test in FF, let me know if IE is playing nicely."
Yep, that works both in Firefox and IE7. Good show, sir.
April 2nd, 2008 at 3:53 am
[...] lightBox plugin jQuery FancyBox jQuery Multimedia Portfolio jQuery Image Strip jQuery slideViewer jQuery jqGalScroll 2.0 jQuery - jqGalViewII jQuery - jqGalViewIII jQuery Photo Slider jQuery Thumbs - easily create [...]
March 31st, 2008 at 9:51 am
[...] jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos. [...]