Javascript jquery根据图像宽度将css类应用于图像

我有一个770px宽的div。由于周围的因素，我需要有在div浮动左图像。我需要将小于770px宽的图像居中。有些图像只有300px宽，所以拉伸和裁剪它们是不可能的

是否可以将一个类应用于所有与jquery脚本相关的滑块图像，jquery脚本表示，如果原始图像宽度小于770px，则将该css类应用于它。然后，该类将以图像为中心

这似乎是一个简单的解决办法，但我不能完全围绕着它

切换类在这里工作吗？只是不知道怎么做

$(element).toggleClass("A B");

---

任何帮助或指导都将不胜感激。

暂时将img标签从大小限制中释放出来，检查其

偏移网络宽度

，然后决定是否使用该类标签

offsetWidth

包含以像素为单位的实际标记（块）宽度。

如果包含容器为770，并且您希望任何770+填充容器，则在图像上放置最大宽度，并将图像居中。我不明白如果你想让它居中或完整，为什么你需要向左浮动

你的小提琴有点乱，那么多脚本在不同的地方。所以我看不出Flexslider的代码到底在哪里，但好消息是我们应该能够在没有它的情况下解决这个问题：）

Flexslider有一些非常好的内置功能，包括回调。基本上，您需要在flexslider调用中添加如下内容：

$（'#属性详细信息flexslider'）。flexslider({
之后：函数（）{
var current_img=$（'.flex active slide img'）；
if（当前图像宽度（）<770）{
当前img.addClass（'center-img'）；
}
}
});
它的中心图像小于770，所以为什么不把所有的东西都集中起来呢。对我来说，这听起来像是个解决办法。我现在要试试，让你知道。
$('#property-detail-flexslider').flexslider({
 after: function(){
  var current_img = $('.flex-active-slide img');
  if ( current_img.width() < 770 ) {
   current_img.addClass('center-img');
  }
 }
});