CSS Sprites 在页面的 HTML 中工作，但不是在 Javascript 中？
我正在尝试安装http://www.spyka.net/scripts/javascript/easy-social-bookmarks并添加 CSS Sprites 以最小化服务器调用。
我创建了这样的样式表：
<style type="text/css">
<!--
.i_blinklist
{
width:21px;
height:21px;
background-repeat: no-repeat;
background-image: url(img_socialsprites.jpg);
background-position: 0 0;
}
.i_blogmarks
//-->
</style>
此代码在页面的 HTML 中工作，如下所示：
<div class=i_blinklist></div>
当我像这样将它添加到javascript时，它不起作用：
sites[0] = new Array('http://blinklist.com/index.php?Action=Blink/addblink.php&Url={url}', 'Blinklist', '<div class=i_blinklist></div>');
这是脚本的主要工作方式，也可能会影响它：
function swgbookmarks()
{
for(i = 0; i < sites.length; i++)
{
var g = sites[i];
var u = g[0];
u = u.replace('{url}', escape(window.location.href));
u = u.replace('{title}', escape(window.document.title));
var img = (imagepath == '0') ? '' : '<img src="'+g[2]+'" alt="'+g[1]+'" /> ';
var k = '<a href="'+u+'">'+img+g[1]+'</a> ';
window.document.write(html_before+k+html_after);
}
}
非常感谢任何想法或帮助。
谢谢你。
更新：
我一直在玩这个，终于让它工作了:o)
这是我所做的更改。
社交书签和图片 JS 代码：
sites[0] = new Array('http://blinklist.com/index.php?Action=Blink/addblink.php&Url={url}', 'Blinklist', 'socialsprite social blinklist');
这是脚本基础的 JS 代码：
function swgbookmarks()
{
for(i = 0; i < sites.length; i++)
{
var g = sites[i];
var u = g[0];
u = u.replace('{url}', escape(window.location.href));
u = u.replace('{title}', escape(window.document.title));
var img = (imagepath == '0') ? '' : '<img src="transparent1x1.gif" class="'+g[2]+'" alt="'+g[1]+'" /> ';
var k = '<a href="'+u+'">'+img+g[1]+'</a> ';
window.document.write(html_before+k+html_after);
}
}
这是 CSS 样式表代码：
<style type="text/css">
<!--
.socialsprite {background:url(img_socialsprites.jpg);}
.social {height:22px;}
.social {width:22px;}
/* Social Images */
.blinklist {background-position:0px 0px;}
.blogmarks {background-position:0px -22px;}
这似乎奏效了。
我现在有这个工作。
请参阅底部的主要帖子更新。
我在那里写了更新，因为该网站不会让我在几个小时内发布我自己的答案，而且我不想浪费任何人的时间。
感谢您的建设性意见，他们帮助了很多。