Grow your CSS skills. Land your dream job.

Gallery Thumbs off placement…

  • # February 21, 2013 at 12:25 am

    The Gallery Thumbnails are off set and when I hit the menu for gallery a second time they line up correctly… How/Can this issue get fixed?

    Also if your refreash the page it is off set again…

    The URL is
    http://tuzart.com/deluca/pages/gallery5.htm

    The gallery is “FancyGallery”

    Thank you in advance for any Help on this issue…

    # February 21, 2013 at 3:44 am

    You can try setting width and height on the thumbnail img tags, maybe when fancygallery runs before the images are loaded it reads their width and height as 0 and tries to position them in the middle of the gallery boxes… not sure if that’s your problem though, didn’t really dig into it.

    # February 21, 2013 at 2:48 pm

    I’ll give it a look and see… Thank You…

    # February 21, 2013 at 8:16 pm

    You have inline style on your images:

    # February 21, 2013 at 11:05 pm

    I tried the style’s but didn’t work it didn’t do anything at all… It must be in the jquery/JS

    # February 22, 2013 at 1:11 am

    adding the didn’t work… I did find out that line 17 in the “jquery-fancygallery-1.1.min.js” file is an area w/an area that manipulates the boxes and colour and sizes… but can not find the placement issues…

    Array.prototype.shuffle=function(){for(var p,n,l=0;l
    I played with this file but still can not find the area of placement…

    Not Solved yet…

    # February 22, 2013 at 4:09 am

    Reconsider the way you’re approaching this problem. You should not depend on JavaScript to create DOM elements and apply correct styles. You need to separate each into its own layer. HTML = Mark up & Content, CSS = Presentation, and JS = Interaction (Altering CSS and Adding HTML is OK, but after correct design has been rendered).

    This way you would know exactly how each element in your layout would behave.

    The java script is adding inline styles. It looks like the plug-in [is calculating surrounding elements](http://farm9.staticflickr.com/8234/8497494094_8e45d7266e_o.png) and applying styles.

    or

    [Fancybox](http://fancyapps.com/fancybox/).

    # February 27, 2013 at 3:53 pm

    I am trying to get support from Fancybox…. I believe they are out till sometime in March… Hopefully they will resolve this issue…

    Thank You for everyones help on this…

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".