It would make sense that it was intended if the “fallback image” degraded gracefully. Instead I get a collapsed area that still displays the stylings of that container.

Hi Josue and Ismael,

Thank you for your replies.

Our site is on maintenance mode so unfortunately I can’t show it to you. I made a screenshot of the page I’m talking about: http://postimg.org/image/uf7h3e19p/. So I don’t mean that my featured image is 80×80, but the preview image above the post. I want those thumbnail preview images in the overview of news articles, however, when clicking on an article I would like to show an image as big as the preview image as shown in the screenshot. Or, I want to remove the preview thumbnail :) Doesn’t matter which way, as long as it will only shows one image with the same width as the text.

Hope to hear from you, thanks!

For help, here is the HTML code with a strange ‘autoPlayVideos : true’ … and as you can see my iframe with “autoplay=0″.

Thanks for help.

<div id=’layer_slider_1′ class=’avia-layerslider main_color avia-shadow avia-builder-el-0 avia-builder-el-first container_wrap fullsize’ style=’height: 351px;’ ><script type=”text/javascript”>var lsjQuery = jQuery;</script><script type=”text/javascript”>
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == “undefined”) { lsShowNotice(‘layerslider_3′,’jquery’); }
else if(typeof lsjQuery.transit == “undefined” || typeof lsjQuery.transit.modifiedForLayerSlider == “undefined”) { lsShowNotice(‘layerslider_3’, ‘transit’); }
else {
lsjQuery(“#layerslider_3″).layerSlider({
width : ‘100%’,
height : ‘350px’,
responsive : true,
responsiveUnder : 1140,
sublayerContainer : 1140,
autoStart : true,
pauseOnHover : false,
firstLayer : 1,
animateFirstLayer : true,
randomSlideshow : false,
twoWaySlideshow : true,
loops : 0,
forceLoopNum : true,
autoPlayVideos : true,
autoPauseSlideshow : ‘auto’,
youtubePreview : ‘maxresdefault.jpg’,
keybNav : true,
touchNav : true,
skin : ‘fullwidth’,
skinsPath : ‘http://www-test.mines-telecom.fr/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/&#8217;,
globalBGColor : ‘transparent’,
navPrevNext : true,
navStartStop : true,
navButtons : true,
hoverPrevNext : true,
hoverBottomNav : false,
showBarTimer : false,
showCircleTimer : true,
thumbnailNavigation : ‘disabled’,
tnWidth : 100,
tnHeight : 60,
tnContainerWidth : ‘60%’,
tnActiveOpacity : 35,
tnInactiveOpacity : 100,
imgPreload : true,
yourLogo : false,
yourLogoStyle : ‘left: 10px; top: 10px;’,
yourLogoLink : false,
yourLogoTarget : ‘_self’,
cbInit : function(element) { },
cbStart : function(data) { },
cbStop : function(data) { },
cbPause : function(data) { },
cbAnimStart : function(data) { },
cbAnimStop : function(data) { },
cbPrev : function(data) { },
cbNext : function(data) { }
});
}
});
</script><div class=”ls-wp-fullwidth-container”><div class=”ls-wp-fullwidth-helper”><div id=”layerslider_3″ class=”ls-wp-container” style=”width: 100%; height: 350px; margin: 0px auto; “><div class=”ls-layer” style=”slidedirection: right; slidedelay: 13000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “><h1 class=”ls-s-1″ style=”position: absolute; top:80px; left: 300px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; text-shadow:0 1px 1px rgba(0,0,0,.7); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #ffffff; white-space: nowrap;”> Former </h1><h1 class=”ls-s-1″ style=”position: absolute; top:150px; left: 350px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 5000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Innover </h1><h1 class=”ls-s-1″ style=”position: absolute; top:210px; left: 410px; slidedirection : right; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 9000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Créer </h1></div><div class=”ls-layer” style=”slidedirection: right; slidedelay: 4000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “><p class=”ls-s-1″ style=”position: absolute; top:10px; left: 50px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; font-size:200px; opacity:0.2; text-align:right; white-space: nowrap;”> #1 </p><p class=”ls-s-1″ style=”position: absolute; top:90px; left: 100px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:50px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; white-space: nowrap;”> Premier </p><p class=”ls-s-1″ style=”position: absolute; top:150px; left: 100px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:30px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; line-height: 36px; “> groupe de grandes écoles d’ingénieurs et de managers en France </p><div class=”ls-s-1″ style=”position: absolute; top:15px; left: 550px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 2000; delayout : 0; showuntil : 0; z-index:10; white-space: nowrap;”> <iframe src=”http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0&#8243; width=”515″ height=”289″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div></div></div></div></div></div><div id=’after_layer_slider_1′ class=’main_color container_wrap fullsize’ ><div class=’container’><div class=’template-page content twelve alpha units’><div class=’post-entry post-entry-type-page post-entry-734′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_third first avia-builder-el-1 el_after_av_layerslider avia-builder-el-first “>
<div class=”iconbox iconbox_left avia-builder-el-2 avia-builder-el-first “><div class=”iconbox_content”><div class=”iconbox_icon heading-color avia-font-entypo-fontello”>📖</div><h3 class=”iconbox_content_title”>A la une</h3><p>Click here to add your own text</p>
</div></div>