Skip to content

Commit 7ac3dbc

Browse files
committed
update gif
1 parent 95b01de commit 7ac3dbc

File tree

1 file changed

+10
-7
lines changed

1 file changed

+10
-7
lines changed

public/WholeBodyVLA/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -780,9 +780,9 @@ <h2 class="subtitle">
780780
<div class="container is-max-desktop">
781781
<div class="hero-body">
782782
<h1 class="title is-2" style="text-align: center; padding-bottom: 10px;">Method Overview</h1>
783-
<div align="center" style="position: relative; display: inline-block; width: 100%;">
783+
<div align="center" style="position: relative; width: 100%;">
784784
<img id="method-gif" src="https://assets.kinetixai.cn/WholeBodyVLA/20251217-123804.gif" alt="WholeBodyVLA Method" width="100%" style="display: block;">
785-
<img id="method-static" src="https://assets.kinetixai.cn/WholeBodyVLA/method_wbvla.png" alt="WholeBodyVLA Method" width="100%" style="display: none; position: absolute; top: 0; left: 0;">
785+
<img id="method-static" src="https://assets.kinetixai.cn/WholeBodyVLA/method_wbvla.png" alt="WholeBodyVLA Method" width="100%" style="visibility: hidden; position: absolute; top: 0; left: 0;">
786786
</div>
787787
<br>
788788
<h2 class="subtitle">
@@ -2360,11 +2360,12 @@ <h2 class="section-title" id="whats-more">What's More</h2>
23602360

23612361
// 估计 GIF 播放时长(秒),可以根据实际 GIF 时长调整
23622362
const GIF_DURATION = 8; // 假设 GIF 播放时长为 8 秒,你可以根据实际调整
2363-
const STATIC_DURATION = 3; // 静态图片显示 3 秒
2363+
const STATIC_DURATION = 5; // 静态图片显示 3 秒
23642364

23652365
function showGif() {
2366-
methodGif.style.display = "block";
2367-
methodStatic.style.display = "none";
2366+
// GIF 显示,静态图片隐藏
2367+
methodGif.style.visibility = "visible";
2368+
methodStatic.style.visibility = "hidden";
23682369

23692370
// 清除之前的定时器
23702371
if (staticTimer) {
@@ -2380,8 +2381,10 @@ <h2 class="section-title" id="whats-more">What's More</h2>
23802381
}
23812382

23822383
function showStatic() {
2383-
methodGif.style.display = "none";
2384-
methodStatic.style.display = "block";
2384+
// 使用 visibility 而不是 display,这样 GIF 仍然占据空间,保持容器高度
2385+
// GIF 隐藏但占据空间,静态图片显示并覆盖在上面
2386+
methodGif.style.visibility = "hidden";
2387+
methodStatic.style.visibility = "visible";
23852388

23862389
// 清除之前的定时器
23872390
if (gifTimer) {

0 commit comments

Comments
 (0)