2011-08-05 39 views
0

像我發現這個職位有關如何在jQuery的褪色圖片:負荷也顯示在jQuery的

jquery: fade in image after image

但我不知道如何做到這一點,因爲我首先需要加載讓說,四名圖片:

1.jpg 
2.jpg 
3.jpg 
4.jpg 

所以我有四個jpeg圖像,我想淡入淡出,每隔30秒。 我如何首先將它們加載到我的頁面中,然後淡入和淡出jquery中的每一個

回答

1

據我所知,您希望創建一個循環。首先顯示圖像1,然後圖像2,然後是3,4,再次1,2,...

您可能會感興趣cycle plugin

插入您使用img標籤的圖像,示例代碼如下所示:

<img src="path/to/your/image.jpg" alt="description of your image" width="100" height="100" /> 

ALT是很重要的,因爲如果圖片就不會被加載它會顯示(對於〔實施例人已禁用顯示圖像)。這對搜索也很重要。寬度和高度很重要,因爲您的網站在載入圖片後不會調整大小,但會模仿保留一些空間。那麼你可以這樣做:

$('image').hide() .load(function() { $(this).fadeIn(); }) 

但是,鏈接,我已經提供了包括所有必要的例子做的正是你所需要的,加上一對夫婦更漂亮的方法來解決你的問題

+0

它不問題是哪張圖片出現,我只有4張圖片,我想知道如何加載它們並顯示它們(因爲我是新手,所以請張貼代碼)。 – oJM86o

+1

+1我在網站上看到了一些看起來很有前途的例子,我可以接受你的回答,但有時候很高興看到別人拿出他們的代碼,所以我會延期,但是到目前爲止謝謝你... – oJM86o

+0

好的,插入您使用標籤圖像,示例代碼如下所示: description of your image ALT是很重要的,因爲如果圖片就不會被加載它會顯示(對於〔實施例人已禁用顯示圖像)。這對搜索也很重要。寬度和高度很重要,因爲您的網站在載入圖片後不會調整大小,但會模仿保留一些空間。 然後你可以這樣做: $( '圖像')隱藏() .load(函數(){$ (本).fadeIn();} ) – mkk