Gallery

Hey Guys,

Here is link for the site I’m working on…

http://modocom.ca/clubres/unitplans.html

Now the Unit Plans fall below 102, 105 then goes to the next column, is there a way to make them fall next to each other instead of below easily?

Thanks,

Mike

I’ve stared at your question and your site for 5 minutes, and I can’t understand what you are asking. Could you rephrase it?

What I mean is Unit 105 is below Unit 102 when I’d like it to be next to it and so on etc.

Each item is positioned absolutely and positioned via the style attribute:

<div class="thumbHolder" data-id-i="1" data-id-j="0" [COLOR="#FF0000"]style="left: 0px; top: 320px; "[/COLOR]> 

The style code is inserted by the jQuery script. You can probably change that layout by changing the settings in the script at the bottom of your <head> element:

jQuery('#componentWrapper').thumbGallery({	
					/*layoutType: grid/line */
					[COLOR="#FF0000"]layoutType: 'grid',[/COLOR]
					/*thumbOrientation: horizontal/vertical */
					[COLOR="#FF0000"]thumbOrientation: 'horizontal',[/COLOR]
					/*moveType: scroll/buttons */
					moveType: 'buttons',
					/*scrollOffset: how much to move scrollbar and scrolltrack off the content (enter 0 or above) */
					scrollOffset: 25,

Try changing layoutType: 'grid', to layoutType: 'line',, or perhaps try changing thumbOrientation: 'horizontal', to thumbOrientation: 'vertical',.

You’d think the ‘horizontal’ setting in the second example would be the one you want, but who knows.