中心垂直图像大于div

Question

这个问题经常回来，但即使看一些解决方案，我也无法得到我的...... http://jsfiddle.net/6v6cc7y5/2/ 我制作幻灯片（wordpress）显示div中的图像。 我希望图像大400像素， 并且即使它更高也垂直居中，我希望它最大高度为200px。 我用PHP调用图像，而最后的文章是5篇，这使得无法使用css背景图像。

以下是我发现但无法使用的一些解决方案:(添加http：//） http://jsfiddle.net/willthemoor/Cu3G5/ http：// codepen.io/anon/pen/dHvLc（＆lt; - 删除添加的空格）

非常感谢你能帮助我!!!

stackoverflow想要一些代码发布...这里是CSS的一部分

.jDiaporama li img{
    position:absolute;
    display:block;
    top: 50%;
    -ms-transform:     translate(0%, -50%); 
    -webkit-transform: translate(0%, -50%);
    transform:         translate(0%, -50%);
}