2012-04-20 61 views
0

我開發一個教會的網站。你可以想像,一座教堂的高度很高。如果地方建築的照片成規模的水平旗幟假設700x200沒有辦法,你會看到許多建築的照片。jQuery Crossslide的替代方案?圖片移動到一個方向

所以我搜索了一圈,發現我拖板不能真正改變太多設計了:

http://tobia.github.com/CrossSlide/

如果向下滾動到第二個示例(幻燈片和淡入淡出),你會看到顯示一個圖像,可以說是從上到下。我試圖實施這個腳本,但失敗後,許多小時後放棄。另一個問題是該插件的創建者沒有提供任何支持。所以現在我希望你們/女孩有另一種想法/插件。

我們不想雖然使用Flash。所以jQuery將是最好的解決方案。有沒有人知道CrossSlide在第二個例子中做了一個不錯的插件?

謝謝。

+0

爲什麼沒有該腳本的工作?你有沒有將其包含在頁面和檢查瀏覽器下載和解析的腳本?你是否正確地遵循了文檔,並將滑塊與其中的圖像綁定到了容器中? – Bojangles 2012-04-20 11:31:28

+0

是的。我確實得到了第一個例子,但我需要第二個例子。在頁面的底部,他放在函數第二個例子,並沒有奏效。沒有圖像顯示,而我沒有改變路徑。就像我說的,它在第一個例子上工作。這有點奇怪,因爲這兩個腳本之間沒有太大的區別。 Firefox也顯示錯誤「crossSlide:不可能的動畫:圖片1太小或div太大或者太淡」這一切都不是這樣。 – 45808 2012-04-20 11:37:43

回答

1

我知道這是舊的,但我猜你只有1圖像嘗試它。

我剛剛完成了這個自己搞亂了,並有同樣的問題,即使有相同的圖像添加另一個模塊,它工作得很好。

例子:

var $image = 'images/our_practice_banner.jpg' 

$('#banner').crossSlide({ 
    loop: 1, 
    fade: 1 
}, [ 
    { 
    src: $image, 
    from: 'top right 1.5x', 
    to: 'center center 1x', 
    time: 4 
    },{ 
    src: $image, 
    from: 'center center 1x', 
    to: 'center center 1x', 
    time: 4 
    } 
]);