轻音向暖 发表于 2025-3-16 15:35

【轻音。向暖】我喜欢的人间 文/青虞 赠/千雪吟


<DIV style="LEFT: -180px; WIDTH: 1200px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="http://wj.fqingy.com/sc/59/2025/tw/rj1.jpg" frameBorder=0 width=1200 scrolling=no height=680></IFRAME></DIV><BR><BR><BR><br />
<DIV style="LEFT: -180px; WIDTH: 1200px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="http://wj.fqingy.com/sc/59/2025/tw/rj2.jpg" frameBorder=0 width=1200 scrolling=no height=680></IFRAME></DIV><BR><BR><BR><br />
<DIV style="LEFT: -180px; WIDTH: 1200px; POSITION: relative; TOP: 100px"><IFRAME marginWidth=0 marginHeight=0 src="http://wj.fqingy.com/sc/59/2025/tw/rj3.jpg" frameBorder=0 width=1200 scrolling=no
height=680></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<p><audio style="width:0px;height:1px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1452756945.mp3" type="audio/mpeg"></audio></div>

我也在 发表于 2025-3-16 16:57

灵巧聪慧必出精细的活。

爆汁莓驴 发表于 2025-3-17 04:05

<div id="ztt" style="position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;box-shadow: 3px 3px 8px #000;" onclick="kz()">

<video id="sp" src="https://cccimg.com/view.php/ddd04af00a8c95142f0c88215cf65bd3.mp4" preload="none"loop style="position: absolute;width: 100%;height: 100%;left: 0;top: 0;transform: scale(1.01)" ></video>
</div>
<script>

const video = document.getElementById('sp');
function kz(){if(video.paused){video.play();video.style.display=''}else{video.pause();video.style.display='none'};document.getElementsByTagName('audio').pause();}
var arr = [];
arr = 'http://wj.fqingy.com/sc/59/2025/tw/rj1.jpg';
arr = 'http://wj.fqingy.com/sc/59/2025/tw/rj2.jpg';
arr = 'http://wj.fqingy.com/sc/59/2025/tw/rj3.jpg';

var curIndex = 0;
var timeInterval = 3000; // 设置轮换的时间间隔（以毫秒为单位）

// 定时函数
function changeImg() {
    if (curIndex == arr.length - 1) {
      curIndex = 0;
    } else {
      curIndex += 1;
    }
    var obj = document.getElementById("ztt");
    obj.style.transition='transform 3s ease-in-out';
    obj.style.backgroundImage = 'url('+arr+')';
    obj.style.backgroundColor="rgba(0,0,0,0.1)";
    obj.style.backgroundRepeat="no-repeat";
    obj.style.backgroundPosition="100% auto";
    obj.style.backgroundSize="cover";

}

// 开始轮换
setInterval(changeImg, timeInterval);
</script>
图片视频化后，可以通过播放控制（点击画面）暂停时隐藏视频显示图片达到欣赏原图的效果。<br>
这是不自动播放，先显示原图（三图延迟动画效果），点击画面播放视频，因为原图是背景图片，所以不显示。暂停时隐藏视频，背景图片显示。<br>
播放视频时，可右键复制合成视频分享连接<br>
图片显示大小问题，主要是手机可以两指缩放，电脑无需再大，如果大也可以，加个缩放按钮，1.5倍放大。从视频看图片可以通过全屏（右键控件显示）

诺北 发表于 2025-3-18 09:42

好可爱的小人，好可爱的音画，让人看着好喜欢

么念 发表于 2025-3-18 16:01

图文光色漂亮，精彩的图文，创意很棒，版式设计精彩

欢颜（云裳） 发表于 2025-3-18 20:02

这图图可爱，喜欢，问好

糊图花 发表于 2025-3-19 10:49

图文打开可爱又漂亮，这色调的真好看

轻音向暖 发表于 2025-3-20 12:14

我也在 发表于 2025-3-16 16:57
灵巧聪慧必出精细的活。

多谢夸奖哈~问好问好~

轻音向暖 发表于 2025-3-20 12:15

爆汁莓驴 发表于 2025-3-17 04:05
const video = document.getElementById('sp');
function kz(){if(video.paused){video.play( ...

多谢费心制作！遥祝3月安好！

轻音向暖 发表于 2025-3-20 12:15

诺北 发表于 2025-3-18 09:42
好可爱的小人，好可爱的音画，让人看着好喜欢

图文憋不出好款，瞎做的，诺北抱个~:hug:
页: [1] 2
查看完整版本: 【轻音。向暖】我喜欢的人间 文/青虞 赠/千雪吟