2013-10-06 42 views
0

我使用此腳本來切換動畫的div。它的功能就像一個魅力,除了觸發.click時,切換div下面的內容會跳動。jQuery切換div:有以下內容可以「輕輕」滑動

$('.toggle').click(function() { 
    var $toggled = $(this).attr('href'); 

$($toggled).siblings('.gallery:visible').hide(); 
    $($toggled).toggle("slide", {direction: 'up'}, 750); 
    return false; 
}); 

我該如何讓下面的內容輕輕滑動(如切換div的內容)?提前致謝! :-)

+0

嘗試添加滑動的完整處理程序,使一個div(庫)僅可見但不透明度爲0; – Dvir

回答

0

請嘗試使用縮略圖代替。

使用任何程序將其大小更改爲「slidedown」大小。將<img> src更改爲縮略圖(較小圖像)並將url更改爲實際大小。

該網站正在加載較大的尺寸,然後重新設定它們。這是我最好的猜測,爲什麼它覺得如果我錯了,那麼我會覺得很難改正。

祝你好運!

提示:在創建縮略圖之前,嘗試在每個插槽上使用一個小圖像,並確認它是否確實造成了問題。

+0

嗯..但原始大小是1.024px×681px(我知道這是錯的,但它是一個「正在進行中的工作」,稍後我會調整它的大小。)...我不認爲它正在加載該大小,然後調整大小他們(該塊將是巨大的)。 – MultiformeIngegno

+0

它正在加載圖像的原始大小,而不是您希望它們顯示的大小。對於這個im 100%肯定。如果它造成滯後,我不知道。要進行測試,請嘗試在每個插槽上使用小圖片,並查看它是否仍然存在滯後。 – Jacob

+0

是的,對於加載我的意思是「在屏幕上」。當然,瀏覽器正在加載原始大小。 – MultiformeIngegno