2014-11-05 77 views
-1

我正在模擬朋友網站。取出一個網站的動畫元素並粘貼到另一個網站。

現有的網站是「www.ecoclean.cl」和新的一個我做的是「www.ecoclean.cl/paul」現在

,在他現有的網站有一輛卡車經過的動畫房屋(你可以在每頁的頁腳看到它)。

我試圖複製/粘貼到新的網站的圖像和CSS的一部分,它根本不工作...我只是得到一個巨大的卡車巴恩在那裏,沒有房屋...沒有動畫。

從我所看到的,有3個元素被使用。一個JS,一個CSS,當然還有圖像。

我只想把現有的動畫放到我正在製作的新網站上。

**你知道。今天不是我的一天。突然每次我嘗試發佈HTML或任何代碼在這裏的東西不起作用。抱歉。

如果任何人都可以提供幫助,或者進入頁面並嘗試弄清楚,我會永遠感激,我嘗試了各種方法,似乎沒有任何工作。

:(

回答

1

如果您尚未嘗試 - 您還可以使用這個文件:http://www.ecoclean.cl/funciones.js在那裏,你會發現在頂部被稱爲在內嵌的JavaScript頁面的function camion() {}

$(document).ready(function() { 
    camion(); camion2(); 
    s=setInterval("slide2()",3000);  
}); 

,包括與在此函數(cam)使用的ID卡車圖像,因爲它是在當前的HTML中使用:

<figure id="cam"> 
     <img src="media/footer/camion.png"> 
</figure> 

我剛剛添加了這個Fiddle,您可以在其中看到卡車從左向右移動。我只添加了funciones.js和$(document).ready()函數上面的部分以及一些CSS,以將卡車設置爲它在網站上顯示的大小。

更新的意見:我剛剛添加了第二個Fiddle與房屋添加。要添加代碼,您可以看看here獲取當您先單擊編輯模式右側的問號然後單擊「高級幫助」時獲得的信息。 簡而言之 - 您可以粘貼代碼,然後選擇/突出顯示代碼並單擊工具欄中的第5個圖標,或者在輸入4個空格後開始粘貼代碼。試試看,您會在編輯窗口下方的預覽中看到結果。
由於您有一些細節問題:首先,房屋。房屋顯示爲footer的背景圖片。只需檢查第二小提琴是如何完成的。如果您已經使用了orignal網站的CSS,可能是圖像丟失或不在正確的位置,但也許您只需添加footer元素,並且會顯示房屋圖像。

更新與建築物圖像的問題:在原始的CSS背景圖像被引用相對:background-image: url("media/footer/fondo.png");。有http://www.ecoclean.cl/爲根,圖像位於此文件夾中:http://www.ecoclean.cl/media/footer/fondo.png在撥弄我剛剛使用絕對URL - http://www.ecoclean.cl/media/footer/fondo.png - 爲背景圖像以及針對臺車,因爲否則小提琴無法顯示圖像。在之前的測試中,您剛剛添加了一個錯誤的絕對URL - http://www.ecoclean.cl/paul/media/footer/fondo.png - 因此您可以調整URL(最好爲相對版本),或在目錄paul中創建目錄media,目錄footer位於此media目錄中,那裏的形象。
作爲jQuery的旁註 - 我剛剛在當前頁面上粘貼了超過所有三個函數調用(camion(),camion2()slide2()超時),但是對於卡車只使用了攝像機。調用slide()可能會導致錯誤,以防您不會在編號爲slide_largo的HTML中添加滑塊。

+0

謝謝......以及你是如何在這裏複製/粘貼代碼的。我嘗試過4次,它不讓我。我將在新網站中注入代碼...給我一點時間。 – 2014-11-05 19:36:27

+0

好的,所以我將html代碼添加到新頁面中......沒有問題。現在,我只需將整個js文件放入新網站中即可,並且不起作用。 :( – 2014-11-05 19:38:19

+0

@PaulUrmston不用擔心,在包含functiones.js(或這個內容)之前,你有沒有包含jquery??以及萬一你從這個文件中添加了整個js - 確實你把它包在''

相關問題