If i place the position of the thumb nails to the right of the main images, how can i make the stylesheet position the thumbnail buttons not ontop but to the right of the pictures?

Hi Nicola,

If I understand you right you need to set the thumbnail buttons to be on the right on the images (not centered).
To do that you have to change <b>left </b> property of <b>.dmxThumbListVertical a.dmxPrevious</b> and <b>.dmxThumbListVertical a.dmxNext</b>.
Set it from 50% to 80%.

The modified code should look like this:
<i>
.dmxThumbListVertical a.dmxPrevious
{
top: 5px;
<b>left: 80%;</b>
margin-left: -20px;
background-image: url( 'controlbl_up.png' );
}

.dmxThumbListVertical a.dmxNext
{
bottom: 5px;
<b>left: 80%;</b>
margin-left: -20px;
background-image: url( 'controlbl_down.png' );
}
</i>
I hope this helps you.

Regards,

Georgi Kralev

----------------------------------
Support - www.DMXzone.com

Hi Georgi
I actually want the buttons to sit on clean white space to the right of the thumbnails not actual on the images.
can this be done?
thanks

Hi Nicola,

Unfortunately navigation buttons outside the thumbs and the main image are not possible currently.

Greetings,
George



--------------------------------------------------
George Petrov - Founder of the Dynamic Zones
DMXzone.com, FWzone.net, FLzone.net, CFzone.net,
DNzone.com, FlashFiles.nl
--------------------------------------------------

How can I make the navigation buttons smaller and transparent, and is there a way to not have them show up on the main image only when they mouse over it.

Cheers,

Derek Heck

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
How can I make the navigation buttons smaller and transparent, and is there a way to not have them show up on the main image only when they mouse over it.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

Hi Derek,

To hide the buttons on the main image (and show them on mouse over) you can try the following work around:

To achieve the desired effect you will have to change the file dmxgallery.css
(By default, it is situated in styles folder of your site.)
1. Open the file dmxgallery.css; find the class <b>.dmxGallery a.dmxPrevious</b> and change the property <b>background-image: url( 'controlbl_prev.png' )</b> to:
<b>background-image: url('none');</b>
2. Then find the class <b>.dmxGallery a.dmxPlay</b> and change <b>background-image: url( 'controlbl_play.png' );</b> to:
<b>background-image: url('none');</b>
3. Find the class <b>.dmxGallery a.dmxPause</b> and change <b>background-image: url( 'controlbl_pause.png' );</b> to:
<b>background-image: url('none');</b>
4. Find the class <b>.dmxGallery a.dmxNext </b> and change <b>background-image: url( 'controlbl_next.png' );</b> to:
<b>background-image: url('none');</b>

To make the buttons smaller you just have to replace the images of the CSS Image Gallery with your own (smaller pictures)
Then adjust the <b>width and height</b> properties into the dmxgallery.css file according the new pictures' size.

I hope this helps you.

<b>NOTE: </b> This work around and any changes of the original files of the extension comes at your own risk
(without warranty or support)

Regards,


Georgi Kralev

----------------------------------
Support - www.DMXzone.com