如何将水平旋转木马变成垂直旋转木马答案

【问题标题】：How to transform a horizontal carrousel into a vertical one如何将水平旋转木马变成垂直旋转木马
【发布时间】：2022-08-03 23:49:15
【问题描述】：

如何将水平旋转木马转换为垂直旋转木马，每次单击左侧的图像时，它会在屏幕右侧打开更大的图像？

我正在使用这个例子： https://codepen.io/collincodes/pen/aGvmNx

  display flex
  align-items a
  justify-content b

    for val, i in (1..10)
      &:nth-child({i})
        &:before
          content \'\' + i + \'\'
          position absolute
          top 50%
          left 50%
          transform translateX(-50%) translateY(-50%)
          font-size 3rem
          font-weight 300
          color white
  .ui-card.active
    z-index 3
    transform scale(1) translateY(0) translateX(0)
    opacity 1
    pointer-events auto
    transition 1s
  .ui-card.prev, .ui-card.next
    z-index 2
    transform scale(0.8) translateY(-1rem) translateX(0)
    opacity 0.6
    pointer-events auto
    transition 1s´´´

标签： javascript css

【解决方案1】：

您将无法在 JS 中做到这一点，您必须使用 angular 或 react 才能更好地控制 HTML DOM 并像那样动态

【讨论】：

这实际上是评论，而不是答案。我很感激您可能还没有足够的声誉来离开 cmets，但请不要使用答案系统作为替代品。获得声誉相当容易，只需要您付出一点努力。谢谢！