起个网名好难 发表于 2024-12-15 16:05

最重要的事情


<meta name="referrer" content="never" >
<style type="text/css">
#jqt {
        width:540px;
        padding:16px;
        margin:32px auto;
        overflow:hidden;
        border-radius:24px;
        background-image:url(https://z3.ax1x.com/2021/06/28/RtQMMn.jpg);
        box-shadow:4px 4px 10px black;
}
</style>
        <div id="jqt"></div>

<script type="text/javascript">
(function()        {
let pics = [
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdph6l32FO8LSMXJbk9NzhhZKichJ2paVFylRq3shv0Sgqiaqibl8RMiavEzQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpR92b3j6JH41dt8BTrhUFmprYtyA4M37ibYWiaoX9ph4zf7PnN4gG8Tkw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpLyw4vziapKwaU1sxbuyEcOa6E34kvFdVBwFiaVYXnzSUxhamFyuehBdQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpWl3q6eqAxl78te0v76ItqETOJ0X0iaDqFWx4CU2oz2VHT5N0qmicQI9w/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpnDtANwIOEANeLu5NJA7pFCm6AV4t8nhcJ8wJv7u0NLrxXQNH4DpDVw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpaaTmgKcmgoiaageQHIudxXnV16ESFmTehcmKEBjoMSJy7picOuhyicYdQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpvsyPjk1w8VUSXtRa1dxMSZrb30Sjsb12pFTZ6RM13RmdOrZAG41vLg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpEd8ZibdbkKX4kic8JpEhAuAyI7icH1DY86PNKGOjGmjxk6icibtOwPYS3Pw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpLqQeztO8KSksXgVhewoYwxINFUSJuwIDicIyAicFO2UHZDJKt9QPh1IQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdplILEhx2vJKmL7Kjwj8LTL0dFhYgfUOI33JWboZMT8yebMicFLfT05ag/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpmb4vczc6p466guja6YW4k2jXhLicfrk0wBP49RV1nicYfxN1ibh6XbDXQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdp3Kb3t8kGQIJsg1wjS4msuFmpjYokzvAiaKMoSBX8NXMucKYnoTe6Pcw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpIytzdYibHsP79riaHRdHZkhf6HBmzzE9U6KbE4wp2FZ06ekxrG4gWVRQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpSpiciaLRicrSZH8ErjxmAU6xYew4k8traAAAg73Fz98qMf6Ph9LscRJiaw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpy7TOpDuV37GjUzlEHZloOSqkRRXcHsLtrlghdA3VsyK3EQ30Zhia7cQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpEYCHPTT00aoMyPF1QSAQRpgXVraKWv4acLTNCGfG7SUoJogZunibmfQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdphHb49Hp1lJCmGHfXMLWFibryeQP06BeIXNGhg1QRMiclUwVYwQARcfmw/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpu97xC8VOlmw7XcAnOfIlacBZp6ZpUm7YX0qNN2BiboQGAicyq93fibMibA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdpb1plbsYkfz0IG5vDicqQlZ2RIlt5LPyFZBcq159I7PrsvR2pkBHo3CQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_png/jkdTLKuyHzxvviaqZB6mmgj0ibX5elkEdp9ibiaJQdVPdXic61oSricicMGNxzIm1c0iaRzNQibM0lZRNKPcAuKdbG4j63g/640",
];

let jqt = document.querySelector('#jqt');
let svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewbox="0 0 480 687">`;

let viewWidth = 480;
let viewHeight = 687;
let makeImageObj = (url, width,height,idx) => {
        let ratioX = viewWidth / width;
        let ratioY = viewHeight / height;
        let scaleRatio = ratioX < ratioY ? ratioX : ratioY;
        let imgObjStr ="";
        imgObjStr += `<image id="p${idx}" xlink:href="${url}" width="${width * scaleRatio}" `;
        imgObjStr += `height="${height * scaleRatio}" x="${(viewWidth - width * scaleRatio) / 2}" y="${(viewHeight - height * scaleRatio) / 2}" `;
        imgObjStr += `opacity="0" preserveAspectRatio="none">\n`;
       
        imgObjStr += `<animate id="fpic${idx}" attributename="opacity" from="0" to="1" dur="2s" `;
        let bt = idx == 0?`0;e${pics.length-1}.end-2`:`e${idx-1}.end-2`;
        imgObjStr += `begin="${bt}" fill="freeze" ></animate>\n`;
       
        imgObjStr += `<animate id="e${idx}" attributename="opacity" from="1" to="0" dur="2s" `;
        imgObjStr += `begin="fpic${idx}.begin+10" fill="freeze" ></animate>\n</image>\n`;
       
        return        imgObjStr;
}
let imgSize = new Array(), errCount=0;

function getPictureSize(url, idx){
        let img = new Image();
        img.src = url;
        img.onerror = () => {
                console.log(url+" 图片加载失败，请检查url是否正确");
                errCount++;
                return false;
        };

        img.onload = () =>        {
                console.log('load ' + img.width+" "+img.height);
                img.onload=null;//避免重复加载
               
                let imgObjStr = makeImageObj(url, img.width, img.height, idx);
                imgSize.push(imgObjStr);
        }
}
for(idx = 0; idx < pics.length; idx++)        {
        getPictureSize(pics,idx);
}
let dataReady = () => {
        if(imgSize.length != (pics.length-errCount))        {
                setTimeout(dataReady,50);
        }
        else {
                for(n=0;n<imgSize.length;n++)        {
                        svgContent += imgSize;
                }
                jqt.innerHTML = svgContent + "</svg>\n";
        }
}
dataReady();

})();

</script>

梦江南 发表于 2024-12-15 16:16

有音乐吗？

梦江南 发表于 2024-12-15 16:17

一生的写照。{:4_173:}

起个网名好难 发表于 2024-12-15 16:20

梦江南 发表于 2024-12-15 16:16
有音乐吗？

这真不知道什么音乐合适。

我在这里发的帖都没有音乐的

起个网名好难 发表于 2024-12-15 16:22

梦江南 发表于 2024-12-15 16:17
一生的写照。

倒计时，已经还剩最后一两步了

梦江南 发表于 2024-12-15 16:48

起个网名好难 发表于 2024-12-15 16:22
倒计时，已经还剩最后一两步了

{:4_173:}{:4_173:}求长生不老药。

醉美水芙蓉 发表于 2024-12-15 17:29

梦油 发表于 2024-12-15 17:42

非常现实。我现在充分体会到，自己的健康作重要。

起个网名好难 发表于 2024-12-15 18:01

梦江南 发表于 2024-12-15 16:48
求长生不老药。

求不到啊

起个网名好难 发表于 2024-12-15 18:01

醉美水芙蓉 发表于 2024-12-15 17:29
欣赏老师带来的精彩音画！

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

起个网名好难 发表于 2024-12-15 18:02

梦油 发表于 2024-12-15 17:42
非常现实。我现在充分体会到，自己的健康作重要。

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

梦油 发表于 2024-12-16 10:18

起个网名好难 发表于 2024-12-15 18:02


“难难”朋友别客气。

红影 发表于 2024-12-16 23:34

不同的年龄，有着不同的重要的事，在这些重要的事中，不觉走完一生。
其实回头看看，那些点点滴滴都是那么珍贵。
很令人回思和感悟的帖子。感谢难难带来的深刻的帖子{:4_199:}

起个网名好难 发表于 2024-12-17 07:42

红影 发表于 2024-12-16 23:34
不同的年龄，有着不同的重要的事，在这些重要的事中，不觉走完一生。
其实回头看看，那些点点滴滴都是那么 ...

谢谢评点

老谟深虑 发表于 2024-12-17 15:37

            欣赏老师的佳作，这就是人生！

起个网名好难 发表于 2024-12-17 16:52

老谟深虑 发表于 2024-12-17 15:37
欣赏老师的佳作，这就是人生！

https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif
回头去看就是这回事。

红影 发表于 2024-12-17 22:48

起个网名好难 发表于 2024-12-17 07:42
谢谢评点

难难的帖子很引人深思。很有回味的好帖{:4_187:}

起个网名好难 发表于 2024-12-18 06:21

红影 发表于 2024-12-17 22:48
难难的帖子很引人深思。很有回味的好帖

人生的路总是要一步步的走，只是能走多远不能确定

小辣椒 发表于 2024-12-18 14:30

这个有趣，看看也是开心

起个网名好难 发表于 2024-12-18 15:00

小辣椒 发表于 2024-12-18 14:30
这个有趣，看看也是开心

人生大致如此
页: [1] 2 3 4 5
查看完整版本: 最重要的事情