Here's my test page:
www.allstarlogo.com/sandbox/swatch3.asp

When there are a lot of thumbnails, it works fine, but when there are only a few, it doesn't work right, as seen in the above URL.

I have made only minor changes to the CSS file for different nav buttons, but for testing, I also retried this using only the code generated by the extension, but I get the same poor results.

Why aren't the thumbnails loading and working from the left margin? Prompt help would be greatly appreciated!

Hello Steve:

Please add the following css rule which will fix your layout issue:

#cssGallery1_thumb > ul {
    left: 20px !important;
}

Regards:Vulcho.

Vulcho,

This code you gave me works for getting the swatches to start from the left margin - but it also kills the scroller. With the new code implemented, you can no longer scroll to the right to see more swatches.

Try it - see if you can scroll to the right.
www.allstarlogo.com/sandbox/swatch12.asp

And here's the same code without the code you gave me.
www.allstarlogo.com/sandbox/swatch12-2.asp

I need the swatches to align left, particularly when there are only a couple or few swatches - but the scroller also still needs to work as well. Please advise....

Hello,

Checking the link in your first post i see there is something that you broke in the code/styling. By default the gallery images are NOT aligned left and this cannot be changed, as it is controlled by the jquery code.

So, Teodor... are you saying that it is not possible to left align thumbnails with your extension? That's pretty unfortunate, considering the results when you have only a few small thumbnails.

www.allstarlogo.com/sandbox/swatch-6.asp

On the link you provided there is something in the styling that you broke, that's why the thumbnails look like this.
This is how the thumbnails normally align:
www.dmxzone.com/demo/php/SlidingPaypalShoppingCart/sportstore/productpage.html
www.dmxzone.com/demo/cssImgGal/ShoeStore/index.html

If they are less, let's say 3, then there will be 3 thumbs visible, floated right, with empty space on the left.

This reply was removed on 4/24/2013 2:46:33 PM.
See the changelog

Checking the css file of the CSS Gallery on your site i see you deleted lines that should be there in order for the gallery to function properly.
Unfortunately we do not provide support for any custom coding that broke the layout/functionality of ANY of our products.

Here's a new sample with just a few swatches. It contains the proper unmodified files you would expect. Nothing has been modified in the code.
www.allstarlogo.com/sandbox/newswatch.asp

All I have done was change the size of the thumbnails within the DMXzone CSS Image Gallery Properties Panel to 40x40.

Since this is all unmodified code, can you give me support on why the thumbnails disappear off to the right?

What i see here:

The gallery width is set to 450px BUT your big images width is 275px.

Please change the gallery width to 275px also.

Fantastic! Thank you. :-)

My overall goal is to make this work with dynamic data. Is there a way to deal with width and height so that it adjusts to whatever images are running in it? No all products using this tool will have the same exact width and height. In regard to the width and height settings, what is the best way to handle that?

Unfortunately it is not possible to dynamically set the Width and Height. You can try enabling the "Auto size" option of the galley to see if it works for you.