javascript - 更改 Twitter Feed 中的 Twitter Logo

Question

您好，我有一个使用以下代码的 Twitter 提要:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
        <script>
        new TWTR.Widget({
          version: 2,
          type: 'profile',
          rpp: 3,
          interval: 6000,
          width: 195,
          height: 300,
          theme: {
            shell: {
              background: '#999999',
              color: '#D6E03D'
            },
            tweets: {
              background: '#f3f3f3',
              color: '#999999',
              links: '#5a5a5a'
            }
          },
          features: {
            scrollbar: false,
            loop: false,
            live: false,
            hashtags: true,
            timestamp: true,
            avatars: false,
            behavior: 'all'
          }
        }).render().setUser('louise').start();


        </script>

这链接到 widget.js 文件。我需要默认的 twitter 是蓝色而不是白色，所以我尝试下载 js 文件并从我的服务器托管它并使用以下代码将代码更改为我的图像:

isFullScreen?" twtr-fullscreen":""}var AA=T?"images/widget-logoblue.png":"http://widgets.twimg.com/i/widget-logo.png";

这可以正常添加蓝色图像，但它会弄乱提要中一些应该是不同颜色的链接，因此我认为我需要坚持链接到这个版本:

isFullScreen?" twtr-fullscreen":""}var AA=T?"images/widget-logoblue.png":"http://widgets.twimg.com/i/widget-logo.png";

有没有一种方法我可以链接到这个但用我自己的 Twitter Logo 覆盖他们使用的 Twitter 图像？任何帮助将不胜感激，谢谢路易丝

Answer 1

我想解决方案可能是以下之一:

1. CSS hack - 隐藏图片并改用 background-image CSS 属性
2. 在加载时检测图像并替换它
3. 编写自定义小部件。 Example .