gpt4 book ai didi

javascript - 处理 4k 图片的 horizo​​ntalHandle

转载 作者:行者123 更新时间:2023-11-28 07:06:28 25 4
gpt4 key购买 nike

我可以尝试制作一张用于 4k 图片的图片,我希望当我将 handeler(见链接)拖过图片时,它会从 FuLL HD 变为 4k 或 4k 变为 FULL HD,但是搬运工不动,我不知道为什么!!!使用句柄 horizo​​ntalHandle 是否正确? 这是我的代码和示例站点,我希望我的图像像这样感谢任何方式的帮助

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="box-sizing: border-box; color: #333; font-size: 100%; font-weight: normal; line-height: 100%; margin: 0; padding: 0;">
<div style="background: rgba(0, 0, 0, 0) url(http://panasonic.net/prodisplays/solutions/technology/4K/img/whats_bg01.jpg) repeat scroll 0 0; padding: 50px 0;">
<div style="margin: 0 auto; position: relative; width: 967px;">
<div style="overflow: hidden; position: relative; width: 967px; height: 544px;">
<div style="overflow: hidden; position: absolute; width: 483.5px; height: 544px; z-index: 2;">
<img width="967" height="544" alt="" src="http://panasonic.net/prodisplays/solutions/technology/4K/img/whats_img03.jpg" />
</div>
<div style="overflow: hidden; position: absolute; z-index: 1;">
<img width="967" height="544" alt="" src="http://panasonic.net/prodisplays/solutions/technology/4K/img/whats_img04.jpg" />
</div>
<p></p>
<div style="height: 100%; width: 1px; position: absolute; z-index: 3; left: 482.5px; top: 0px; cursor: ew-resize;">
<span style="background-image: url(http://panasonic.net/prodisplays/solutions/technology/4K/img/whats_bar.png); background-repeat: no-repeat; position: absolute; background-position: 0 0; height: 544px; overflow: hidden; width: 55px; left: -27px; top: 0px;"></span>
</div>
</div>
</div>
<p class="att">Drag your mouse to move from Full-HD to 4K</p>
<p>
High-volume data is also sharp and crisp.
<br />
Images are displayed on a single screen, so the data is not split up and viewers can concentrate on the screen image.
</p>
</div>
</div>
</body>
</html>

http://panasonic.net/prodisplays/solutions/technology/4K/index.html

最佳答案

您可以从这里使用 TwentyTwenty http://zurb.com/playground/twentytwenty

在 GitHub 上:https://github.com/zurb/twentytwenty

关于javascript - 处理 4k 图片的 horizo​​ntalHandle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32921985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com