This slider was built using the metabox option and adding the following custom css.

.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
.coda-slider, .coda-slider .panel {width: 700px; margin-top: 20px;}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width: 700px;}
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
.coda-nav-left a, .coda-nav-right a { background: #888; color: #fff; padding: 3px; }
.coda-nav ul li a.current { height: 92px; border-bottom: none; background: url("") repeat; color: #555; }
.coda-slider .panel-wrapper { padding: 10px }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav ul { clear: both; display: block; margin: 0; padding: 0; height:98px; border-bottom: 2px solid; overflow: visible;}
.coda-nav ul li { display: inline }
.coda-nav ul li a { border: 2px solid; background: #888; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; font-size: 12px; text-decoration: none }
.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-right { display:none; float: left;}
.coda-nav-left { display:none; float: left;  }
.coda-nav-left a, .coda-nav-right a { background: transparent; color: #000; text-align: center; text-decoration: none; width: auto; }
.coda-nav ul li a { height: 90px; background:#888;color: white;display: block;float: left;margin-right: 1px;padding: 3px 6px;font-size: 12px; text-decoration: none; width: 122px; border-top-right-radius: 5px; border-top-left-radius: 5px; margin-left: 6px; margin-right: 7px; border: 2px solid #444; }
p.slider-p { font-size: 16px; }