...
Thats an interesting question you have there, because basically we have gone out of our way to create a range of
alignment options for various objects in the slideshow module. One of the objects is ofcourse the
maincontrols as you mention. These features will eventually be documented when I get around to it(currently Im spending alot of time with forum).
<div class="mybold">Imagevue Slideshow alignment methods</div>There are no less than
29 alignment options for maincontrols in the Slideshow! I have tried to illustrate the different options in the chart below:
[img:640:450]
https://www.photo.gallery/graphics/div/s ... _align.jpg[/img]
The options are sorted under 3 main categories(options rotating clockwise):
<div class="code">Align to stage:<div class="inside_code">TL - Top Left
T - Top
TR - Top Right
R - Right
BR - Bottom Right
B - Bottom
BL - Bottom Left
L - Left</div>
<b>Align around image:</b><div class="inside_code">ITL - Image Top Left
ITM - Image Top Middle
ITR - Image Top Right
IRT - Image Right Top
IRM - Image Right Middle
IRB - Image Righht Bottom
IBR - Image Bottom Right
IBM - Image Bottom Middle
IBL - Image Bottom Left
ILB - Image Left Bottom
ILM - Image Left Middle
ILT - Image Left Top
</div>
<b>Align inside image:</b><div class="inside_code">OITL - Over Image Top Left
OITM - Over Image Top Middle
OITR - Over Image Top Right
OIRM - Over Image Right Middle
OIBR - Over Image Bottom Right
OIBM - Over Image Bottom Middle
OIBL - Over Image Bottom Left
OILM - Over Image Left Middle</div></div>
Below are a few actual examples of different alignments of the maincontrols:
<a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... =IBM</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... gn=T</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... OIBR</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... gn=B</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... efault)</a>
Just to show that these alignment options also apply for other objects, like the altcontrol arrow, please see link examples below:
<a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... ,IRM</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... ,IBR</a><a class="mlink" href="
https://www.photo.gallery/imagevue/slide ... ign=ITM</a>
Allthough there are
dozens of alignment options available to play around with, doesnt mean that they all work perfectly. For examples, the maincontrols does not work well in the vertical middle of the screen, f.ex:
https://www.photo.gallery/imagevue/slide ... salign=IRM . Also, you may not place multiple objects at the same alignment, or they will overlay eachother. Another specific issue, is that if you are using the
imageselector button, you will not want to place your maincontrols at the left hand side of the screen, because the thumbnails buttons allways occur to the left of the button.
In addition to the
maincontrolsalign setting, you have the
maincontrolsmargin setting, which sets the space inbetween the the main controls and the alignment object(stage or image). See the examples below for a few variations of the maincontrolsmargin:
<a href="
https://www.photo.gallery/imagevue/slide ... salign=IBM" class="mlink">Align controls under image, 30px margin</a><a href="
https://www.photo.gallery/imagevue/slide ... salign=IBM" class="mlink">Align controls under image, 5px margin</a><a href="
https://www.photo.gallery/imagevue/slide ... lsmargin=0" class="mlink">Default align, no margin</a><a href="
https://www.photo.gallery/imagevue/slide ... smargin=30" class="mlink">Default align, 30px margin</a>
So what are examples the codes in the slideshow config file?
maincontrolsalign = BR
maincontrolsmargin = 10
Any questions related, and I will modify/extend this document...
