Wie fügt man automatisch Thumbnails aus den letzten Posts zu Eulen-Karussell in WordPress hinzu?

Dies ist die Seite, mit der ich arbeite . Ich muss die grünen Bilder in neuere Post-Thumbnails einfügen, damit ein Verfasser / Autor (kein Entwickler) ein Thumbnail bestimmen kann, das im Karussell der letzten Posts angezeigt wird. Ich mache das in WordPress durch ein Thema, das ich entwerfe. Ich habe das Karussell so implementiert, wie man es sehen kann, aber ich weiß nicht, wie man die grünen Bilder die Thumbnails der letzten Beiträge anzeigen lässt.

Hier ist der Code

$(document).ready(function() { var owl = $("#owl-demo"); owl.owlCarousel({ items : 10, //10 items above 1000px browser width itemsDesktop : [1000,5], //5 items between 1000px and 901px itemsDesktopSmall : [900,3], // betweem 900px and 601px itemsTablet: [600,2], //2 items between 600 and 0 itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option }); // Custom Navigation Events $(".next").click(function(){ owl.trigger('owl.next'); }) $(".prev").click(function(){ owl.trigger('owl.prev'); }) $(".play").click(function(){ owl.trigger('owl.play',1000); //owl.play event accept autoPlay speed as second parameter }) $(".stop").click(function(){ owl.trigger('owl.stop'); }) });

Also habe ich das unten versucht und es machte den Bildschirm weiß und wenn ich mit Google Chrome inspiziere, ist der Körper aus irgendeinem Grund leer.

  
$(document).ready(function() { var owl = $("#owl-demo"); owl.owlCarousel({ items : 6, //10 items above 1000px browser width itemsDesktop : [1000,5], //5 items between 1000px and 901px itemsDesktopSmall : [900,3], // betweem 900px and 601px itemsTablet: [600,2], //2 items between 600 and 0 itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option }); // Custom Navigation Events $(".next").click(function(){ owl.trigger('owl.next'); }) $(".prev").click(function(){ owl.trigger('owl.prev'); }) $(".play").click(function(){ owl.trigger('owl.play',1000); //owl.play event accept autoPlay speed as second parameter }) $(".stop").click(function(){ owl.trigger('owl.stop'); }) });

:

Solutions Collecting From Web of "Wie fügt man automatisch Thumbnails aus den letzten Posts zu Eulen-Karussell in WordPress hinzu?"

Ich kann Ihre Website nicht sehen. Basierend auf dem von Ihnen hinzugefügten Code können Sie jedoch Folgendes versuchen: css:

 .owl-controls .owl-pagination .owl-page span{ height: 50px; width:50px; background-size: cover; background-position: center;} 

JS:

 $('.owl-controls .owl-pagination .owl-page').each(function(index, value){ $(this).children('span').css('background-image', "url('"+$('.owl-carousel .owl-wrapper .item').eq(index).find('img').attr('src')+"')"); }); 

Hier ist ein funktionierendes Beispiel: http://codepen.io/BertoMejia/pen/LRLRBg