changing tumbnail size

[Gust]

Please, visit this page. If you clicked on the picture, you see little thumbnails below. Where can I change the thumbnail size on this place?

[RoadRash]

You need to make a new thumb since what you see in your page is the size you gave your thumbs in the Editor (100x75): http://www.modderaars.be/highslide/imag ... 110056.JPG
You can make a new thumb with an image editing software or in the Image manager in the Highslide Editor.

[Gust]

I mean the thumbsstrip below, these are to little. And the thumb http://www.modderaars.be/highslide/imag ... 110056.JPG is a good size.

dou you mean, I must change this manually?

[RoadRash]

The size of the thumbstrip images can be changed in the highslide.css file, but you canÔÇÖt set the height to more than 75px since thatÔÇÖs the height of your thumbs from the Editor.
Find this in the highslide.css file:

Code: Select all

.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}

Change it to:

Code: Select all

.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 75px;
} 

You also need to do some changes in the highslide.config.js file to avoid the controlbar to appear on top of the thumbstrip.
Find this line:

Code: Select all

hs.marginBottom = 105;

Change it to:

Code: Select all

hs.marginBottom = 140;

Find the offsetY line in the overlayOptions for hs.addSlideshow and change it to -95 ÔÇô like this:

Code: Select all

// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: 'group1',
	interval: 5000,
	repeat: true,
	useControls: true,
	fixedControls: false,
	overlayOptions: {
		className: 'controls-in-heading',
		opacity: '1',
		position: 'bottom center',
		offsetX: '0',
		offsetY: '-95',
		relativeTo: 'viewport',
		hideOnMouseOut: false
	},
	thumbstrip: {
		mode: 'horizontal',
		position: 'bottom center',
		relativeTo: 'viewport'
	}
});

[Gust]

Thanks!!!