Hi There, I'm using your using your script for the new navigation on a site I've built.

I have a working design page here: www.lucymartin.co.uk/swipe.html

I have 2 questions regarding the script:

1 - since putting the script in, I can't remove the blank / white area at the bottom of the box that I have the panels displayed in. I've matched the size of the sliding panels container with the image size and current container but this strip remains.

I've checked all your css but can't see what would be causing this. Could you please tell me what might be causing this.

2 - is there a way to control the scroll to next image behaviour speed?

Thank you

Jeremy

Hello Jeremy and welcome to DmxZone support forums.

Do you mean the white space which is above your navigation buttons?
Rings • Necklaces • Earrings • Commissions e.t.c.

Regards:Vulcho.

Hi there,

Thanks for getting back to me.

The gap I'm referring to is between the large image and the bottom of the main image box. The picture should go to all edges of this box. You'll notice that some of the images are getting cut off.

I hope this makes sense.

Jeremy.

Hello Jeremy i understand.

The issue is caused because your pictures are larger than the container which they are placed in.
Enter height:325px in the User interface of the extension and everything will fit just fine.

Regards:Vulcho.

Hi Vulcho,

I don't understand your reply. Will changing the size of the image remove the gap which appears underneath it or simple shrink the image to appear above this gap?

The image height is 325px, the table height is 325px and the slider images container is 325 px. There should be no gap.

The problem I have that what ever size I make the the sliding image container, there is always a white gap at the bottom of the container inside the main image boarder. I have tried sizes varying form 300px to 400px and the gap at the bottom of the sliding image container remains constant.

I will be adding text below the images as with image 1 so that the user can scroll down for more information on each piece.

So my problem is eliminating the blank boarder at the bottom of it of the sliding image container rather than resizing the images.


I've checked all the CSS files and can't see anything that is causing this problem, could it be in the .js code?

Thanks