Question

我目前在摘要Web部件视图中有一个指向主页上外部网站的链接列表。这些链接包括Google，公司的网站，报纸网站等。而不是Sharepoint使用的项目符号（square.gif），我想要链接到的网站的实际徽标。

我尝试添加类似＆＃39; type＆＃39;但它只是显示一个图像，说它链接到另一个我不想要的网页。

我遇到了这个thread：最后一个答案看起来像我可以使用的东西：

    <script language="javascript" type="text/javascript">
    var arrElements = document.getElementsByTagName("img");
    for (var i=0; i<arrElements.length; i++) {
            //get pointer each image element:
            var element=arrElements[i];
            //check for a source with /images/square.gif from this site:
            if (element.getAttribute('src') == 
                      "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") {
                //found... change it's src to our new image:
                element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif');
            }
        }
</script>

我需要更改将每个点设置为相同图片的位置，javascript查看每个网站并检索徽标缩略图（类似于浏览器顶部选项卡中的小图片）。

Answer 1

我相信你需要jQuery的力量。这应该会让你更进一步：

<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
 </head>

 <body>
<ul id="myList">
    <li><a href="http://www.google.gr">google</a></li>  
    <li><a href="http://news.in.gr">in news</a></li>    
    <li><a href="http://www.star.gr">star</a></li>  
</ul>
<script type="text/javascript">
$('#myList li').each(function() {
    var href = $(this).children("a").prop("href");
    var discImage = "url('" + href + "favicon.ico')";
    // alert(discImage );
    $(this).css("list-style-image", discImage);
});
</script>
</body>
</html>

favicon（可能）是唯一一个在所有网站中具有相同名称的图片，但并不总是相同的尺寸（例如，请查看google图片）。

现场演示 - ＆gt; http://jsfiddle.net/Mt7XA/享受！

覆盖Sharepoint中的square.gif

1 个答案: