Как скрыть изображения от встраивания timitter timitter?

Question

Я пробовал все. От CSS до jQuery и снимите флажок Автоматически развернуть фотографии.

Это мой код для вставки:

<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); 

Answer 1

Если вы снимите флажок в фотографии флажок Автоматически развернуть в инструменте администрирования, требуется некоторое время для отображения изменений. Вы можете снять его, а затем дать ему день или 2.

Answer 2

Я считаю, что у меня есть решение. Я тестировал во всех основных браузерах. Извините, что так поздно.

С обновлением 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-блок», и идентификатор фрейма „# твиттер-виджет-0“. Вторая строка скрывает медиа (изображения/видео), а третий изменяет размер iframe. Это должно работать на загрузке страницы, а также для любых динамических обновлений, сделанных на временной шкале.

Answer 3

Я нашел это решение bro, надеюсь, что эта помощь. Вы должны создать файл 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-блок это просто контейнер.