Question

我正在模仿朋友网站。

现有网站是＆＃34; www.ecoclean.cl＆＃34;我正在做的新事是＆＃34; www.ecoclean.cl/paul"

现在，在他现有的网站上有一个卡车通过房屋的动画（你可以在每页的页脚中看到它）。

我已经尝试将图像和网站的一部分复制/粘贴到新网站中，它根本无法工作......我只是在那里买了一辆巨大的卡车，没有房子......没有动画。

从我所看到的，有3个元素被使用。一个js，一个CSS，当然还有图像。

我只想拍摄现有动画，并将其放到我正在制作的新网站上。

**你知道。今天不是我的一天。突然间每当我尝试在这里发布HTML或任何代码时，事情就不起作用了。遗憾。

如果有人可以提供帮助，或者可能会去页面并尝试解决这个问题，我会永远感激，我已经尝试了各种各样的方式，似乎没有任何方法可以工作。

：（

Answer 1

如果你还没有尝试过 - 你还必须使用这个文件：http://www.ecoclean.cl/funciones.js。在那里，您可以找到在内联javascript中的页面中调用的function camion() {}：

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

并包含带有此函数中使用的id的卡车图像（cam），因为它在当前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在小提琴中，我刚刚使用了绝对网址 - http://www.ecoclean.cl/media/footer/fondo.png - 用于背景图片以及卡车否则小提琴无法显示图像。在之前的测试中，您刚刚添加了错误的绝对URL - http://www.ecoclean.cl/paul/media/footer/fondo.png - 因此您可以调整URL（更好地针对相对版本）或在目录{{1}中创建目录media }，此paul目录中的目录footer并将图像复制到那里作为jquery的旁注 - 我刚刚粘贴了当前页面上的所有三个函数调用（media，camion()和camion2()和超时），但是对于卡车只使用了卡车。如果您不想在标识为slide2()的HTML中添加滑块，则slide()调用可能会导致错误。

取出一个网站的动画元素并粘贴到另一个网站。

1 个答案: