2010-10-24 50 views
1

我想做一個簡單的圖像動畫。假設在位置A有100 * 100像素圖像的小圖像。我想將圖像從位置A移動到位置B並最大化在地點B.從一個位置到另一個位置的Jquery圖像動畫

我有兩個尺寸圖像小和大。我不想增加圖像本身的寬度和高度。我有一個單獨的圖像顯示大圖。

我在flash,flex中看到過這種效果。如果用戶點擊圖片A,它會保持轉換,以便用戶不會鬆動上下文。

我將在網格中有20張圖像,左側面板用於放置大圖像。每當你點擊網格上的任何圖像時,它都會刷新左側面板並顯示關於該圖像的所有細節。現在我正在用大圖替換左側面板。可否請你給我任何方向如何實現這一轉變

+2

這不是一個問題,不同的方法,這是其他人寫的代碼對你的請求。請告訴我們你在來這裏之前試過一些東西,否則這個問題會關閉 – 2010-10-24 00:15:08

+2

某種方向就夠了。我嘗試了jquery動畫效果,但他們並沒有及時趕到。我根本沒有期望的代碼,任何輸入或一些相關的鏈接足以讓我開始。 – kobe 2010-10-24 00:19:45

+0

未來,請說明你已經試圖阻止人們浪費他們的時間和使mod可疑 – 2010-10-24 00:37:06

回答

3

圖片不能實際上淡入其他圖像;你需要僞裝它。

有一個圖像使用CSS浮動另一個。一個應該隱藏起來,一個應該可見。當您想要在兩者之間切換時,將隱藏的一個隱藏起來,以便在隱藏可見隱藏的一個時可見。

Image Cross Fade Transition本文討論瞭如何做到這一點與jQuery :)

+0

你知道有這樣的網站嗎?我想看看他們如何使用jQuery。 – kobe 2010-10-24 00:26:14

+0

@gov:只是放在一個整潔的小博客鏈接:) – Matchu 2010-10-24 00:26:44

+0

@mathu,感謝該網站看起來不錯。再次感謝。 – kobe 2010-10-24 00:31:46

相關問題