如何从嵌入的Twitter时间轴隐藏图像？

我尝试了一切。从CSS到jQuery并取消选中自动展开照片。如何从嵌入的Twitter时间轴隐藏图像？

这是我的嵌入代码：

<a class="twitter-timeline" 
    href="" 
    data-widget-id="" 
    data-chrome="noheader footer noborders noscrollbar transparent" 
    data-tweet-limit="5" 
    data-link-color="#6AC829" 
    data-border-color="#FFFFFF" 
    lang="EN" data-theme="light" 
    height="100" 
    width="800" 
    data-screen-name="" 
    data-show-replies="false" 
    data-aria-polite="assertive"> 
    </a>

这是我的jQuery代码：

! function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0], 
     p = /^http:/.test(d.location) ? 'http' : 'https'; 
    if (!d.getElementById(id)) { 
     js = d.createElement(s); 
     js.id = id; 
     js.src = p + "://platform.twitter.com/widgets.js"; 
     fjs.parentNode.insertBe fore(js, fjs); 
    } 
}(document, "script", "twitter-wjs"); 

window.setTimeout(function() { 
    $(".twitter-timeline").contents().find(".e-entry-title").css("font-size", "12px"); 
    $(".twitter-timeline").contents().find(".inline-media").css("display", "none"); 
    $(".twitter-timeline").contents().find(".tweet").css("font-size", "12px"); 
    $(".twitter-timeline").contents().find(".p-name.customisable-highlight").css("font-size", "12px"); 
}, 1000);

来源

2014-11-04 Philip

感谢编辑satpal！ – Philip 2014-11-04 09:16:05

可以请你创建一个http://jsfiddle.net/ ?? – GibboK 2014-11-04 10:21:07

-3

如果取消选中自动展开照片框在管理工具中，它需要一段时间才能显示变化。你可能想取消选中它，然后给它一天或2.

来源

2015-05-20 17:59:31

该复选框已从网站中删除。 – Hugo 2016-06-08 12:03:32

我相信我有一个解决方案。我已在所有主流浏览器中进行过测试。对不起，这么晚了。

随着3月3日的更新，这又是相关的。

https://blog.twitter.com/2016/a-new-improved-embedded-timeline

第一步，包装在容器中的时间线，例如一个div。接着，将该jQuery的添加到页脚或在jQuery(document).ready();

jQuery('.twitter-block').on('DOMSubtreeModified propertychange',"#twitter- widget-0", function() { 
    jQuery(".twitter-timeline").contents().find(".timeline-Tweet-media").css("display", "none"); 
    jQuery(".twitter-block").css("height", "100%"); 
});

目标 '.twitter块' 的容器即和的IFRAME “＃Twitter的插件-0” 的ID。第二行隐藏媒体（图像/视频），第三行调整iframe的大小。这应该可以在页面加载时以及在时间轴中进行的任何动态更新工作。

来源

2016-03-04 16:17:50 user3903555

我发现这个解决方案兄弟，希望这个帮助。您的风格文件夹中创建iframe.css文件，然后在脚本中添加此：

 $(document).on('ready', function() { 
    $('.t-block').on('DOMSubtreeModified propertychange',"#twitter-widget-0", function() { 
     var cssLink = document.createElement("link") 
     cssLink.href = "/stylesheets/iframe.css"; 
     cssLink.rel = "stylesheet"; 
     cssLink.type = "text/css"; 

     $(this.contentDocument.documentElement).find("body").append(cssLink); 
    }); 
    })

.T-块，它只是一个容器。

来源

2016-10-17 21:58:44

如何从嵌入的Twitter时间轴隐藏图像？

回答

相关问题