why are my images stretched

Crop the pictures to the same ratio as the final use –

Never used a rotator – maybe it has a setting that disables stretch to fit.

All the silder images have the width set to width="595". You will have to change this to the actual image widths.

I found the fix in the css there was a line that was telling to set the image at 935px and the viewer is only 595px
hers is the css I just had to change the bottom line .full I hope this help others.

#slider-holder { position: relative; height: 270px; width: 595px; margin-bottom: 20px; overflow: hidden ; color: #fff;background: #000;}
#slider-holder .slide{ position: absolute; top:0px; left: 595px; z-index: 1;height: 270px; width: 595px; overflow: hidden; background: #000;}
#slider-holder .slide-1 { display : block; left:0px; top:0px;}
#slider-holder .slide a {display: block;  }
#slider-holder .slide img {  display: block; position: absolute; top:0px; left: 0px; }
#slider-holder  img.full-mask {  position: absolute; top:0; left: 0px; z-index: 0; display: none; }

#slider-holder .slide-content { position: absolute; top: 270px; left: 0;height: 700px; width: 575px; background: #000; padding: 10px 10px 0 10px;z-index: 999;}

#slider-holder .slider-left, #slider-holder .slider-right {position: absolute;    cursor: pointer; height: 150px; width: 120px; z-index: 999; display: block; color: white; }

#slider-holder .slider-left { left: 0;  top: 0; background: url('images/fleche1.png') no-repeat center bottom;   }
* html #slider-holder .slider-left { background: url('images/fleche1.gif') no-repeat center left; }

#slider-holder .slider-right{right: 0; top: 0; background: url('images/fleche2.png') no-repeat center bottom;}
* html #slider-holder .slider-right { background: url('images/fleche2.gif') no-repeat center right; }

.slider-shelf { z-index: 999; background: #000; position: absolute; top:0; width: 595px; overflow: visible;}
span.clicker { z-index: 999; background: #000; position: absolute; top:0px; right:120px; width: auto; font-size: 11px; display: block; padding: 2px 10px; cursor: pointer;}
.shelf-content { z-index: 9999; position: absolute; top:0; width: 595px;}
.shelf-content img {border:1px solid #fff; margin: 10px 0 0 10px; cursor: pointer;}

.shelf-title {padding: 0px 10px;}

.full {
width:595px;
}