Navigation buttons designs

Question:

---

If I place the position of the thumbnails to the right of the main image, how can I place it on the right side if the main picture instead of over it? Answer:

---

In order to do that you have to change left property of .dmxThumbListVertical a.dmxPrevious and .dmxThumbListVertical a.dmxNext.
Set it from 50% to 80%.

The modified code should look like this:

.dmxThumbListVertical a.dmxPrevious
{
top: 5px;
left: 80%;
margin-left: -20px;
background-image: url( 'controlbl_up.png' );
} .dmxThumbListVertical a.dmxNext
{
bottom: 5px;
left: 80%;
margin-left: -20px;
background-image: url( 'controlbl_down.png' );
}

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

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

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 width and height properties into the dmxgallery.css file according the new pictures' size.

---

DISCLAIMER:

This is extra complimentary content which purpose is to show additional usage that is not part of the product, i.e. it suggests tips for extending the functionality of the product by the users themselves. It is provided "as is", without warranty of any kind, express or implied , including but not limited to the warranties of merchantability, fitness for a particular purpose and nonfringement of third party rights.

DMXzone does not take responsibility to support the suggested content to be fully compatible and working as intended and does not provide support for extended functionality which is not included in the current release of the extension.

It is highly recommended that only more advanced developers use it.