在游戏加载时显示广告

Question

我环顾互联网并且总是看起来像过去6个月的脚本,可以加载Flash内容/游戏,同时显示实际的加载屏幕但我总是收到一些答案:

1. 使用Javascript无法显示实际加载.
2. 您只能通过向Flash文件添加操作脚本来实现,也许他们正在谈论FLA
3. 为什么你不显示一个假的加载屏幕出现并显示几秒然后消失(这个屏幕最烦人的是他们首先让用户加载15秒然后闪存开始加载,如果它开始加载那15秒仍然它是值得的东西它是好的但是让它们等待双倍真的很糟糕)

但最后我发现了一些我永远在寻找的东西.一个基于Jquery的脚本,显示实际加载(也显示广告),并使用swf对象与Flash内容进行通信.它真的很棒,因为它不需要你对FLA进行更改,它只是纯粹的外部环境处理.所以现在问题就出现了什么问题.那么问题是这个脚本是为像素而制作的,如果你使用宽度和高度为闪光像素,它可以工作,而我不能使用像素,因为我使用%age(这样用户可以选择全屏显示)按f11).

所以你可以看到我希望那个脚本能够解决%age问题,但正如我前面提到过的,我没有立刻来到这里,我在前几个月的14个论坛中一直在寻求帮助(实际乞讨)当然还有一些好人仍然存在,有些人帮助我达到某一点(但它没有解决问题)所以现在我将提供一些标记:

这里是我正在谈论的脚本链接http://www.balloontowerdefense.net/jquery-preloader/jquery-preloader.html(这是该脚本创建者的链接)

这是一个工作示例的链接(基于像素的flash) http://www.balloontowerdefense.net/jquery-preloader/example.html

有人在这里帮了我,但是1个月前它没用.该人告诉我,我应该更改名为Preroll的插件,这些更改首选

修改插件以使用用户提供的单位而不是像素.为此,您需要修改插件中的两个函数,applygameiframe和showgame.

applygameiframe should be changed to:

var applygameiframe = function() {
  var gc = '#'+settings.gameframe;
  var iframe = $('<iframe />').attr({
    "id": settings.gameid,
    "src": settings.swf,
    "frameborder": 0,
    "scrolling": "no",
    "marginwidth": 0,
    "marginheight": 0
  }).css({
    "height":'settings.height
    "width": settings.width
  });
  $(gc).append(iframe);
  return true;
};

showgame should be changed to:

var showgame = function() {
    var ac   = '#' + settings.adframe;
    var game = '#' + settings.gameframe;
    $(ac).hide();
    $(game).css({
    "width": settings.width,
    "height": settings.height
    });
};

完成这些更改后,内联CSS应设置为您提供的任何参数(即100%,50em等).

我按照上面描述的方式对Preroll插件进行了更改,之后我就得到了http://files.cryoffalcon.com/MyFootPrint/fullscreen.html

现在,如果你让游戏加载(如加载屏幕出现)一切都做得很好,除了最后,游戏没有出现,它加载但是当它应该跳过并让游戏出现时出现问题.(作为参考,你可以看到这个链接http://www.balloontowerdefense.net/jquery-preloader/example.html这里加载完成然后游戏出现)

有人能解决这个问题吗？

注意:很抱歉没有提供JsFiddle,但因为我以5KBps的速度住在阿富汗,所以我不可能.

我没有提供构成整个演示页面的HTML,CSS和JS,因为我认为它会让问题很长但是如果你认为我应该提供,请在评论中告诉我.

我尽力使问题与相关标记更相关但仍然如果我遗失了一些东西,我会尽力通过编辑并再次提供给你.

作为一名会计师,我尽力使用程序员的术语,编码是我的热情,但我还在学习JS的阶段

更新:解决问题后,你可以看到一切都很好.http://files.cryoffalcon.com/MyFootPrint/newfullscreen.html
信用:转到回答此问题的人.

Answer 1

这似乎只是一个纯粹的CSS问题。您尝试将宽度设置为 100%，而 的父级div.gamewrapper没有宽度或高度。这就是为什么大小为0并且不会显示出来的原因。

您需要应用的技巧是将以下内容添加到您的样式中：

html, body, .gamecontent {
    height: 100%;
    width: 100%;
}

更新： 此外，删除float: left;，.gamecontent .game并添加 1px 的宽度和高度，使其变为：

.gamecontent .game {
    margin:0px auto 0px auto;
    padding:0px;
    overflow:hidden;
    width : 1px;
    height : 1px;
}