起个网名好难 发表于 2024-10-7 11:51

枫桥夜泊

<meta name="referrer" content="never" />
<style>
        #picHolder        {position:relative;width:660px;height:1080px; }
        .pImg        {width:576px;height:1024px;position:absolute;z-index:1;position:absoulute;left:0px;top:0px;perspective: 800px;transform-style: preserve-3d;
        transition: 0.5s ease-in-out; transform:rotateY(-15deg);border-radius: 24px 0 0 24px;}
        .pImg:nth-of-type(2)        {opacity:1;z-index:100;left:0px; top:0px;overflow:hidden;border-radius:12px;box-shadow:2px 2px 4px black;}
        .pImg:nth-of-type(3)        {opacity:.8;z-index:99;left:20px;top:1px;}
        .pImg:nth-of-type(4)        {opacity:.7;z-index:98;left:40px;top:2px;}
        .pImg:nth-of-type(5)        {opacity:.6;z-index:97;left:60px;top:3px;}
        .pImg:nth-of-type(6)        {opacity:.5;z-index:96;left:80px;top:4px;}
        .pImg:nth-of-type(7)        {opacity:.4;z-index:95;left:100px;top:5px;}
        .pImg:nth-of-type(8)        {opacity:.3;z-index:94;left:120px;top:6px;}
        .pImg:nth-of-type(9)        {opacity:.2;z-index:93;left:140px;top:7px;}
        .pImg:nth-of-type(10)        {opacity:.1;z-index:92;left:160px;top:8px;}
       
</style>
<div style="width:640px;height:964px;overflow:hidden; position:relative; margin:32px auto;">
        <div id='picHolder' onmouseover="javascript:aud.pause()" onmouseout="javascript:aud.play()"></div>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=29393032.mp3" autoplay loop ></audio>
</div>

<script>
let pics = [
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvNdT0RUJCjQ1Qn3YoAQcdGKiaHo0qicib0tJUk1yylGqbkovoDEZTvXnNA/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvVu8quhicKfgnDq6YkYpbmKtcA91hicsUtRXtLBwKe2NIZfiaYdRA7m0Dw/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvD7SVSpf7z1C0fCbH3yicKria3w6h5VQNa3WRNoy4PyqpuZbSGnZic80bw/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvibuu3JGNyAuiaibPKCQLicPlUCz7STQPoLfSzib7CVVMZNqvsmGBrTxw3yA/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvcTyjoxY7pHQXVv9jEickAcHE1arblR38JONQpQuWCBzcjAQxSR6SfXQ/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvNdT0RUJCjQ1Qn3YoAQcdGKiaHo0qicib0tJUk1yylGqbkovoDEZTvXnNA/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvcuakFF8UG9Ja8MeeDQzRZQuicB9icvOcGETcQQHc2Np5KeukJyZ6PiaIA/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjv1E5dhicYiaUGtPbpPPWjITqcVI5GqrsqHgQYClb0H3IMFpbHlvWWvjQg/640?wx_fmt=png&amp;from=appmsg",
"https://mmbiz.qpic.cn/mmbiz_png/1ciavibic3ZCjOia7BS9YZMr0F9aVVZPqYjvXE1Lu97WR8ruUWBia1h5uOUdgIzmYKnOO4pfo7tRDgRL2YZpPmd1iaOQ/640?wx_fmt=png&amp;from=appmsg",
];
        for(idx = 0; idx < pics.length; idx++)        {
                let pObj = document.createElement('img');
                pObj.className = 'pImg'
                pObj.src = pics;
               
                picHolder.appendChild(pObj);
        }
        setInterval(() => {
                if(!aud.paused)        {
      let last = picHolder.firstElementChild;
                last.remove();
      picHolder.appendChild(last);}
      }, 5000);
</script>


红影 发表于 2024-10-7 12:43

这组图图好奇妙,那么相似却是每个不同,居然有这样的图图呢{:4_187:}

红影 发表于 2024-10-7 12:44

漂亮。欣赏难难奇妙好帖{:4_187:}

梦江南 发表于 2024-10-7 14:01

本帖最后由 梦江南 于 2024-10-7 14:04 编辑

枫桥夜泊的图图是国画像是不同角度去画的吧。漂亮!

起个网名好难 发表于 2024-10-7 16:19

红影 发表于 2024-10-7 12:43
这组图图好奇妙,那么相似却是每个不同,居然有这样的图图呢

大概算是一组图吧

起个网名好难 发表于 2024-10-7 16:19

红影 发表于 2024-10-7 12:44
漂亮。欣赏难难奇妙好帖

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

起个网名好难 发表于 2024-10-7 16:21

梦江南 发表于 2024-10-7 14:01
枫桥夜泊的图图是国画像是不同角度去画的吧。漂亮!

船、桥、枫树和山寺的多种不同组合。

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

樵歌 发表于 2024-10-7 20:57

意境相似而画面略有不同,真神奇!

红影 发表于 2024-10-7 23:49

起个网名好难 发表于 2024-10-7 16:19
大概算是一组图吧

好奇妙啊,难难分享的帖子总是这么奇妙呢{:4_187:}

红影 发表于 2024-10-7 23:49

起个网名好难 发表于 2024-10-7 16:19


客气了,问好难难{:4_187:}

起个网名好难 发表于 2024-10-8 06:10

樵歌 发表于 2024-10-7 20:57
意境相似而画面略有不同,真神奇!

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif

起个网名好难 发表于 2024-10-8 06:12

红影 发表于 2024-10-7 23:49
好奇妙啊,难难分享的帖子总是这么奇妙呢

不会做图片,只是图片的搬运工{:5_106:}

起个网名好难 发表于 2024-10-8 06:12

红影 发表于 2024-10-7 23:49
客气了,问好难难

https://q8.itc.cn/q_70/images03/20240410/7b75d1c3049c41be974653ea8d653d12.gif

红影 发表于 2024-10-9 08:03

起个网名好难 发表于 2024-10-8 06:12
不会做图片,只是图片的搬运工

能遇到并搬运这样奇妙的图图,本来就奇妙,也让我们开眼了{:4_187:}

红影 发表于 2024-10-9 08:03

起个网名好难 发表于 2024-10-8 06:12


必须的,保持每一天的好心情{:4_205:}

起个网名好难 发表于 2024-10-9 08:33

红影 发表于 2024-10-9 08:03
能遇到并搬运这样奇妙的图图,本来就奇妙,也让我们开眼了

图片寓意好, 搬运就是出点傻力

红影 发表于 2024-10-9 10:18

起个网名好难 发表于 2024-10-9 08:33
图片寓意好, 搬运就是出点傻力

寻找好东西也不容易啊,难难辛苦了{:4_187:}

起个网名好难 发表于 2024-10-9 11:14

红影 发表于 2024-10-9 10:18
寻找好东西也不容易啊,难难辛苦了

笨功夫

红影 发表于 2024-10-9 20:31

起个网名好难 发表于 2024-10-9 11:14
笨功夫

不管怎么说,也是下了功夫的啊{:4_187:}
页: [1]
查看完整版本: 枫桥夜泊