Question

我看到此网站www.travian.com，此图片网站列出了一个列表并调用了一个函数

var screenshots = [
                    {'img':'screenBig screenBig1','hl':'Village centre', 'desc':'Your village could like this one day, becoming the starting point for your vast empire.'},
                ];

在我发现的文件中

Object.each(screenshots, function (d) {
        a.addImg(d.img)
    });

然后addImg函数

var a = new Element("img", {src: "img/x.gif", "class": b, width: this.options.pimgwidth, height: 397}).inject(this.options.prev_items)

注入功能

Element.prototype.inject = Element.prototype.inject.wrap(function (f, b, d, c) {
    var a = f(b, d, c);
    var e;
    if (typeof a != "undefined" && (typeOf(e = a.select("script")) == "array")) {
        e.each(function (g) {
            Browser.exec(g.text)
        })
    }
    return a
});

并在最后的exec

n.exec = function (o) {
        if (!o) {
            return o
        }
        if (g.execScript) {
            g.execScript(o)
        } else {
            var e = j.createElement("script");
            e.setAttribute("type", "text/javascript");
            e.text = o;
            j.head.appendChild(e);
            j.head.removeChild(e)
        }
        return o
    };

这对我来说，所有图像的src都是src =“x.gif”，大小为1px * 1px，但显示正确的图像，我按照代码，我不知道如何做到这一点我在这里编写代码，看到有人可以帮我找到它的工作原理

Answer 1

在Travian.com中，图片来自css。您列出的javascript代码仅创建具有特定ID的<img>元素。

您可以使用浏览器＆＃34; Inspect Element＆＃34;找到这个的功能。

HTML：

<img src="img/x.gif" class="screen3" alt="">

CSS：

div#gallery img.screen3 {
  background-image: url(s/img3.jpg);
}

不允许用户查看图像源

1 个答案: