has anyone attempted to make the last/next buttons appear to the left and right of the photo gallery? is this even possible?

I've been attempting to do it by updating the CSS and the controls.png. so far so good except that the hotspot to the "next" button has disappeared. so if you click on either the left or right side of the photo, the order always advances in the previous direction.

here's a link to my page with working example: www.jsedesigngroup.com/residence_bucktown.html

how can you control the placement of where the clickble hotspots appear for the prev/next buttons? would this be in the .dmxControl.next and .dmxControl.next stylesheets?

any input would be greatly appreciated.

Hello Erick,

The controls you can set more precise by editing .dmxSlideshow .dmxControl.prev and .dmxSlideshow .dmxControl.next

For .dmxSlideshow .dmxControl.prev
use following:

.dmxSlideshow .dmxControl.prev {
   background-image:url("controlsmodified.png");
   background-position:0 50%;
   cursor:pointer;
   height:70px;
   height:auto;
   left:0;
   margin-top:-35px;
   position:absolute;
   top:50%;
   width:25px;
}

For .dmxSlideshow .dmxControl.next :

.dmxSlideshow .dmxControl.next {
   background-image:url("controlsmodified.png");
   background-position:27px 50%;
   cursor:pointer;
   height:70px;
   margin-top:-35px;
   position:absolute;
   right:0;
   top:267px;
   width:25px;
}

Regards,

Update:
Dear Eric,

Please edit the css for the prev button and change the following 2 properties to exactly these settings:
height:70px;
top:267px;

thanks Miroslav...

this is helping but I am not quite there.

the next button and hotspot are now showing correctly, but the last button and hotspot are no where to be found. any suggestions?


and since I am pulling the controlsmodifed.png from the next and last css, what will I need to set the .dmxSlideshow .dmxControl settings to?

www.jsedesigngroup.com/residence_bucktown.html

mucho thanks

Hello Eric,

it seems that the CSS for the prev button is not at place. Check your CSS file. You don't need the background in the .dmxSlideshow .dmxControl any more.

Regards,

oops... I added the CSS for the prev button to the last button.

I've corrected and added the css to prev button but it is still not showing up to the left of the photos. could you look one more time?

www.jsedesigngroup.com/residence_bucktown.html

Dear Eric,

Please edit the css for the prev button and change the following 2 properties to exactly these settings:
height:70px;
top:267px;

that did the trick... thank you so much.

long live the HTML5 Slideshow!