How to adjust slider divmc-caption-bg left margin and width from javascript

It is specified in the js-image-slider.css file. Why not update it there?

If you have to do it through JavaScript due to a more complicated requirement, you can do it like below:

var sliderDivs = document.getElementById("slider").getElementsByTagName("div");

for(var i=0; i<sliderDivs.length; i++){

    if(sliderDivs[i].className == "mc-caption-bg")

         var captionBg = sliderDivs[i];

}

if(captionBg){

    captionBg.style.marginLeft = "-200px";

    captionBg.style.width = "300px";

}

Thanks for your reply!

That works great and like you stated can more easily be accomplished with the style sheet.  However, my problem is that while the image is centered on the page I would like to extend the caption container across the entire width of the page.  Would this be possible?

Or would it be possible to maybe trigger an external function that could handle the positioning and text as the slider rotates?

I'm using js to center pages according to screen size for different displays.  I would like to use the values that I calculate for left margin and width to adjust where the caption starts and ends when the page loads (like i do for the other containers).

BTW if I set static values in the style sheet the image is centered and the caption extends the width of the page but when i test on different monitor sizes the static values don't work because they are calculated for just that specific screen width.

What do you think?