SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Los Angeles, CA, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Galleriffic and Accordions jQuery problem

    Hi,
    Sure hope you can help me. I tried to hire the author of Gallerffic, but I have not gotten a response. I also posted in the JQuery forums, but so far no luck.

    I cannot get the first photo of the first Accordion container to display in the enlargement area. What I get are FOUR of the same enlarged images (not even the correct image) vertically displayed down the page. The rest seems to be working OK.

    Here is the website and page: http://tinyurl.com/3e7pgtg

    Here are the links to the css and various .js pages
    Galleriffic CSS: http://tinyurl.com/3hg9s32
    Galleriffic JS: http://tinyurl.com/3qws5a6
    Galleriffic history JS: http://tinyurl.com/3d97m5j

    Thank you so much for your help. I've been struggling with this for days. I'm not a coder.
    Cheers,
    Janell

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by s. janell View Post
    I'm not a coder.
    Do you know the saying about give a man a fish, versus teach a man to fish?
    Well, we can certainly help you to become a coder if you so desire.

    If instead though you don't want to get in to programming, you may be able to employ a coder from our marketplace.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    I've looked at the page and the first photo from the first accordion container seems to display in the same way as the other ones do.

    Have you tried it in other web browsers, or on different machines? Why I ask is that the development machine might have local caching that's interfering with things.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Los Angeles, CA, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,
    First, thanks for looking at this.
    Yes, I've cleared the cache and looked at it on a Mac in Safari, Firefox and Opera. On my PC in Firefox, Chrome and IE. For all of them I get 4 images vertically displayed from the 4th accordion, first photo, which is number #30. It is a puzzlement that you see it correctly. (Thanks for your message, still a real possibility!)
    Thanks,
    Janell

  5. #5
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by s. janell View Post
    Yes, I've cleared the cache and looked at it on a Mac in Safari, Firefox and Opera. On my PC in Firefox, Chrome and IE. For all of them I get 4 images vertically displayed from the 4th accordion, first photo, which is number #30. It is a puzzlement that you see it correctly. (Thanks for your message, still a real possibility!)
    The 4th accordion now, and not the first. Okay.

    I open the page, open the 4th accordion and click on the first image. I still don't see the problem when doing that. Hmm.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  6. #6
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Los Angeles, CA, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    HI Paul,
    It is just the loading of the first image that causes the problem. Once the accordion is activated and one of the thumbnails is click on, the whole thing works fine. I just can't figure out how to get the first image to load on initial page load and for it to load once without repeating vertically down the page and ending up in the footer.
    Thanks so much!!!!!
    Janell

  7. #7
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,705
    Mentioned
    102 Post(s)
    Tagged
    4 Thread(s)
    The cause of the problem is that you have four different galleries that are being created.

    Code:
    $('#thumbs0').galleriffic('#thumbs0', galleryOptions);
    $('#thumbs1').galleriffic('#thumbs1', galleryOptions);
    $('#thumbs2').galleriffic('#thumbs2', galleryOptions);
    $('#thumbs3').galleriffic('#thumbs3', galleryOptions);
    It wasn't you that created that above code, was it? If not, the person who did do so really needs to learn a thing or two.

    After each gallery is created, each gallery shows the first image.
    Does galleriffic allow you to create a gallery without showing a starting image? Nope.
    Does galleriffic provide built-in support for multiple galleries? I don't think so.

    So, it seems that some tidying up will need to be done after those galleries are created. That is, removing the contents from those other gallery areas, after they have been created.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  8. #8
    SitePoint Member
    Join Date
    Oct 2007
    Location
    Los Angeles, CA, USA
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul figured out the problem, if you are interested, you can see the page here:
    http://tinyurl.com/3hvcfks


Tags for this Thread

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
  •