试发大图：北京故宫！

微尘

庶民 发表于 2024-11-25 16:12
想弄移动大图，结果只有图。

老弟，移动大图，是代码发帖的哦。你的代码可能有错位的地方哦。

镁光灯

解决不能移动方法：点击编辑，删除图片以后代码，再把原发代码中，图片以后代码复 制，粘贴到编辑处 就行了。你试试看。

筱亭

庶民 发表于 2024-11-25 16:12
想弄移动大图，结果只有图。不移动的。

<style>
  #oBlk {
    margin-left: 50% ; left: -598px;
    margin-top:110px;
    width: 1210px;
    height: 640px;
    box-shadow: 3px 3px 10px #000;
    overflow: hidden;
    position: absolute;
  }

  #oBlk::before,
  #oBlk::after {
    position: absolute;
    content: '';
    left: var(--curX0);
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('https://file.uhsea.com/2411/abd01fa00fdce03a2c30b99517f98735WS.jpg') no-repeat center / cover;
  }

  #oBlk::after {
    left: var(--curX1);
    transform: scaleX(-1);
  }
</style>
<div id="oBlk"></div>
<div style="height:640px;"></div>
<script>
{
  let blkWidth = oBlk.offsetWidth;
  let step = 1.0, tune = 0,
    curX0 = 0,
    curX1 = blkWidth,
    raf;

  let moving = () =>        {
/*   
        //自左向右
    curX0 += step;
    curX1 += step;
    if(curX0 >= blkWidth) curX0 = -blkWidth;
    if(curX1 >= blkWidth) curX1 = -blkWidth;
*/        
        //自右向左
    curX0 -= step;
    curX1 -= step;
    if(curX0 <= -blkWidth) curX0 = blkWidth;
    if(curX1 <= -blkWidth) curX1 = blkWidth;

    tune = curX1 + (curX0 >= 0 ? 1 : -1);
    oBlk.style.setProperty('--curX0', curX0 + 'px');
    oBlk.style.setProperty('--curX1', tune + 'px');
    raf = requestAnimationFrame(moving);
  };
  moving();
}  
</script></div></div><br><br><br><br><br><video autoplay="" controls="" height="1" src="https://music.163.com/song/media/outer/url?id=252077.mp3" width="2">

筱亭

庶民 发表于 2024-11-25 16:12
想弄移动大图，结果只有图。不移动的。

我发的代码被审核了，你试试看

庶民

微尘 发表于 2024-11-25 18:43
老弟，移动大图，是代码发帖的哦。你的代码可能有错位的地方哦。

可能的。

庶民

筱亭 发表于 2024-11-26 04:02
我发的代码被审核了，你试试看

我使用了好多，都不可样

庶民

镁光灯 发表于 2024-11-25 19:14
解决不能移动方法：点击编辑，删除图片以后代码，再把原发代码中，图片以后代码复 制，粘贴到编辑处 就行了 ...

我可以试试。

庶民

微尘

庶民 发表于 2024-11-27 10:46
可能的。

点击编辑，重新粘贴一次，试一试。

筱亭

庶民 发表于 2024-11-27 10:46
我使用了好多，都不可样

这个也不行？