1.
Give large images fixed size:
You can constrain the size of the image area by defining
hs.width and hs.height, set
hs.useBox to true and
hs.allowSizeReduction to true.
Give thumbs other size:
Add this to the CSS in the head of your page:
Code: Select all
.highslide-thumbstrip-horizontal img {
height: 60px; /* height of the thumb - change it to the value you want to use */
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 67px; /* must be 7px more than the height */
}
2. Text in the captions:
It seems like you have solved this. The
captionEval uses text from the anchors title attribute.
3. Big dark controls:
In each of the Options for the in-page items you need to replace this line:
Code: Select all
wrapperClassName: 'in-page controls-in-heading’,
with this:
Add this to the CSS in the head of your page:
Code: Select all
.highslide-controls {
width: 105px;
}
.highslide-caption {
background: none !important;
}