SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Gallery

  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    675
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    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

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by mbond5 View Post
    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?
    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?

  3. #3
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    675
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    What I mean is Unit 105 is below Unit 102 when I'd like it to be next to it and so on etc.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Each item is positioned absolutely and positioned via the style attribute:

    Code:
    <div class="thumbHolder" data-id-i="1" data-id-j="0" style="left: 0px; top: 320px; ">
    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:

    Code:
    jQuery('#componentWrapper').thumbGallery({	
    					/*layoutType: grid/line */
    					layoutType: 'grid',
    					/*thumbOrientation: horizontal/vertical */
    					thumbOrientation: 'horizontal',
    					/*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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •