I love the gallery so far I am just having a small problem where the thumbnails for AD Gallery is overlapping next content on the page. I have attached a screenshot. Is there someplace I can adjust a setting I haven't found one so far.

Thanks,

CommentFileSizeAuthor
#5 Screenshot-2.png233.51 KBzaphod777
#3 Screenshot-1.png257.16 KBzaphod777
Screenshot.png374.12 KBzaphod777

Comments

dbeall’s picture

dbeall commented
Project: Node Gallery Display / jquery slideshows for node_gallery » Node Gallery
Version: » 6.x-2.0-beta2

You can adjust this with the ad-gallery css, add padding-bottom to the .ad-thumb-list

node_gallery/js/ad-gallery/jquery.ad-gallery.css Correction
node_gallery_display/js/ad-gallery/jquery.ad-gallery.css
@@line 144

.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
list-style: none;
height:135px;
padding-bottom: 50px;
}

clear the cache after any changes.

dbeall’s picture

dbeall commented
Project: Node Gallery » Node Gallery Display / jquery slideshows for node_gallery
Version: 6.x-2.0-beta2 »

moving to the node_gallery_display issue queue

zaphod777’s picture

zaphod777 commented
Project: Node Gallery » Node Gallery Display / jquery slideshows for node_gallery
Version: 6.x-2.0-beta2 »
StatusFileSize
new Screenshot-1.png257.16 KB

Thanks! but it seamed to make it slightly worse the thumbnail for the last picture is under the first. It was like that before but I couldn't see much of it. Now I can see the whole thing but it is overlapping a lot into the next area.

I have attached another screenshot.

Where do I clear the cache? I don't think I turned any cache on before since this site isn't in production yet.

dbeall’s picture

dbeall commented

sorry, I would have to view the page on the net and find the css class with firefox/firebug.
It is probably something with the theme css, or using a different css class in ad-gallery

EDIT.. the cache(if it is turned on) can be cleared from the admin > site configuration > performance page

zaphod777’s picture

zaphod777 commented
StatusFileSize
new Screenshot-2.png233.51 KB

It seams the hieght of the whole thing was too small so I increased it a hundred px and now it doesn't overlap.

.ad-gallery {
width: 670px;
margin-left:10px;
height:690px;
}

now if I can just move the thumbnail from the bottom of the first thumbnail to the end I will be a happy camper.

dbeall’s picture

dbeall commented

just for reference, all my testing(trial and error) is done in wamp on windows xp with the garland theme. Many times people are using a different theme that changes everything(sometimes)..

dbeall’s picture

dbeall commented

try clearing the cache

dbeall’s picture

dbeall commented

100 px might be too much, try 20 px

zaphod777’s picture

zaphod777 commented

it is kind of strange if I I exceed 16 thumbnails on

Administer › Site configuration › Node Gallery > "Enter the Number of images displayed on each gallery thumbnail page:"

Then it will add that last thumbnail under the first. Is there anyway to display all thumbnails without this problem?

dbeall’s picture

dbeall commented

I really haven't used ad-gallery very much and only have it installed on my live test site because it just gave me too many issues and won't work on some sites where I have attempted to run it.
Most of my local testing is with all default settings since I re-install Drupal, node_gallery, node_gallery_access and node_gallery_display so many times.

zaphod777’s picture

zaphod777 commented

I suppose it works for now and is fine until the wife notices and complains but right now I have bigger fish to fry. Now on to why my panel module isn't working right grrr ...
;-)

zaphod777’s picture

zaphod777 commented
Status: Active » Fixed
L3na’s picture

L3na commented
Category: support » bug
Status: Fixed » Needs review

I had the same problem with my gallery and fixed by making the following changes to the jquery.ad-gallery.css stylesheet:

1. Increasing the standard width from 6000 to 9000px, Firebug tells me that 28 thumbnails will gobble up about 3020px, so this is something to bear in mind for people with larger galleries:

.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
height:110px;
}

2. Fixing the padding for the thumbnails:

.ad-gallery .ad-thumbs li {
float: left;
float: left;
padding-left: 1px;
padding-right: 1px;
}

I am not sure whether this is actually a bug, but it seems that the Javascript calculations that create the .ad-thumbs element do not take into account the extra padding on the side of the pictures.

Will mark this issue as a bug for review and let wiser heads decide.

cwittusen’s picture

cwittusen commented

Hi:
I got most of the things to work but the thumbnails are overlaying the gallery description so you cannot see the description of the gallery when you are inside of it. Any ideas?

dvasquez’s picture

dvasquez commented

Adjust the padings and margins correctly, for each item.