2014-10-01 71 views
1

Lightbox 2是一個很棒的jQuery擴展。它能夠很好地顯示圖像,但動畫無比緩慢,字面意思!更改燈箱2動畫速度

用戶非常快速地生氣並離開。我已經看到Lightbox替代品的速度更慢,逐漸將彈出窗口摺疊出來。我無法弄清楚誰會想要這樣的事情。

問題

如何更改燈箱2的動畫速度,優選沒有交變的原代碼,使用屬性即?

+0

它看起來像第14行的變量LightboxOptions下,你可以編輯一些動畫。除此之外,我不確定您是否可以在不進行大量工作的情況下將動畫拆分,此時您可以製作自己的燈箱。爲什麼你不能編輯原始代碼? – Pete 2014-10-01 13:56:07

+0

我不想更改代碼,因爲每次更新燈箱時都必須執行此操作。而且,這根本不是最佳實踐。 – bytecode77 2014-10-01 14:09:54

回答

3

您可以使用fadeDuration加速淡出並使用resizeDuration調整速度,但這意味着要在原始腳本中編輯它們。

不幸的是因爲腳本是自實例化,從而更改的選項的唯一方法是改變腳本本身

Example of a faster fade in and resize

一個很好的選擇,以收藏爲的fancybox 2,讓你對自己實例並針對特定的鏈接,允許在動畫的每個組鏈接更多的控制

Here is a link to it's api

+1

這是我認爲可以得到的最佳折中方案。我也會看看fancyBox。謝謝! – bytecode77 2014-10-01 14:18:56

0

燈箱2似乎支持MOD開發包括動畫速度在內的多種選項。這裏檢查可用的選項http://lokeshdhakar.com/projects/lightbox2/

例子:

<script> 
    lightbox.option({ 
     'resizeDuration': 20, 
     'fadeDuration': 20, 
     'imageFadeDuration': 30, 
     'wrapAround': false, 
    }) 
</script>