Html 如何垂直旋转猫头鹰转盘？

我有产品猫头鹰旋转木马滑块在我的网站。这是产品页面的简单链接。我希望滑块是垂直的，我尝试了一些建议，这些建议在这里被列为类似的问题，但我无法找到解决方案。请有人看一下内容，如果可能的话，为我提供一个解决方案。

要使滑块垂直运行，您需要修改实际的滑块脚本。 如果要使图像垂直对齐，可以添加以下CSS：

@media (min-width: 992px) {
.product.media .parent__gallery-thumbnail .owl-carousel .owl-item {
    float: left;
    clear: both;
}}

---

要使滑块垂直运行，需要修改实际的滑块脚本。 如果要使图像垂直对齐，可以添加以下CSS：

@media (min-width: 992px) {
.product.media .parent__gallery-thumbnail .owl-carousel .owl-item {
    float: left;
    clear: both;
}}

---

你可以这样做：

<div class="owl-carousel owl-theme">
  <img class="item" src="http://placehold.it/320x240?text=Slide%200">
  <img class="item" src="http://placehold.it/320x240?text=Slide%201">
  <img class="item" src="http://placehold.it/320x240?text=Slide%202">
  <img class="item" src="http://placehold.it/320x240?text=Slide%203">
  <img class="item" src="http://placehold.it/320x240?text=Slide%204">
  <img class="item" src="http://placehold.it/320x240?text=Slide%205">
  <img class="item" src="http://placehold.it/320x240?text=Slide%206">
  <img class="item" src="http://placehold.it/320x240?text=Slide%207">
</div>

JS:

看看这个：

---

禁用拖动，因为它可能会导致问题

您可以执行以下操作：

<div class="owl-carousel owl-theme">
  <img class="item" src="http://placehold.it/320x240?text=Slide%200">
  <img class="item" src="http://placehold.it/320x240?text=Slide%201">
  <img class="item" src="http://placehold.it/320x240?text=Slide%202">
  <img class="item" src="http://placehold.it/320x240?text=Slide%203">
  <img class="item" src="http://placehold.it/320x240?text=Slide%204">
  <img class="item" src="http://placehold.it/320x240?text=Slide%205">
  <img class="item" src="http://placehold.it/320x240?text=Slide%206">
  <img class="item" src="http://placehold.it/320x240?text=Slide%207">
</div>

JS:

看看这个：

---

禁用拖动，因为它可能会导致问题

我在网上看到了此解决方案，但我不确定为什么无法在滑块上使用它。它旋转滑块，但图像显示为两个相邻的图像：/问题很可能是由于您在

HTML

上使用了内联CSS。尝试避免内联样式，因为它具有更高的优先级，并且浏览器拒绝任何外部样式，这最终会产生不想要的结果。我在网上看到了此解决方案，但我不确定为什么无法在滑块上使用它。它旋转滑块，但图像显示为两个相邻的图像：/问题很可能是由于您在

HTML

上使用了内联CSS。尽量避免内联样式，因为它具有更高的优先级，并且浏览器拒绝任何外部样式，这最终会产生不想要的结果。