tavenger5
17-03-10, 16:54
我一直在尝试与CSS精灵最近发现,它可以减少服务器上调用显着下降。他们所有的标志可以加载一次,而不是一个又一个。这将有效地消除52个服务器调用。不幸的是,有没有简单的方法将其转换成一个精灵的标志,因为img标签在代码中动态建。
这里有一些信息:创建简单和有用的CSS精灵| CSS仪(http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)
CSS精灵发电机(http://csssprites.com/)
对不起,所有最近建议:)
编辑 - 我想我发现了一个办法做到这一点。精灵的名称,标志/语言的名称相对应。一些“vbenterprisetranslator_flag”的编辑工作。
因此,它会是这个样子:(IMG SRC的变化)
<a rel="novbseo" href="$url" <if condition="$code==$vbulletin->options['vbenterprisetranslator_forumlanguage']">onclick="document.cookie = 'vbet_language=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/'; return true;"</if>><img class="sprite $code" src="/clear.gif" alt="$name" <if condition="$vbulletin->options['vbenterprisetranslator_flags_noborder'] && !$highlight">border="0"</if><if condition="$highlight">border="1" style="border-color: yellow"</if>/></a>
这里有一些信息:创建简单和有用的CSS精灵| CSS仪(http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)
CSS精灵发电机(http://csssprites.com/)
对不起,所有最近建议:)
编辑 - 我想我发现了一个办法做到这一点。精灵的名称,标志/语言的名称相对应。一些“vbenterprisetranslator_flag”的编辑工作。
因此,它会是这个样子:(IMG SRC的变化)
<a rel="novbseo" href="$url" <if condition="$code==$vbulletin->options['vbenterprisetranslator_forumlanguage']">onclick="document.cookie = 'vbet_language=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/'; return true;"</if>><img class="sprite $code" src="/clear.gif" alt="$name" <if condition="$vbulletin->options['vbenterprisetranslator_flags_noborder'] && !$highlight">border="0"</if><if condition="$highlight">border="1" style="border-color: yellow"</if>/></a>