How do you control the image size and padding on the image slider? I'd like a smaller thumbnail and less border padding.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
How do you control the image size and padding on the image slider? I'd like a smaller thumbnail and less border padding.
<xen:if is="{$featuredItems}">
<xen:require css="nflj_showcase_item_layout_modular.css" />
<xen:require css="nflj_showcase_bxslider.css" />
<xen:require js="js/nflj/showcase/jquery.resizecrop-1.0.3.min.js" />
<xen:require js="js/nflj/showcase/jquery.bxslider.min.js" />
<script type="text/javascript">
$(document).ready(function(){
$('.showcaseItemThumb .showcaseItemThumbnail').resizecrop({
width:200,
height:150,
vertical:"middle"
});
$('.sliderScFI').bxSlider({
slideWidth: 234,
minSlides: 1,
maxSlides: 8,
slideMargin: 10,
pager: false
});
});
</script>
<xen:include template="nflj_showcase_module_items">
<xen:map from="$featuredItems" to="$items" />
<xen:set var="$sliderClass">sliderScFI</xen:set>
<xen:set var="$moduleTitle">{xen:if $xenOptions.scFIIndexShowModuleTitle, '{xen:phrase nflj_showcase_featured}', ''}</xen:set>
<xen:set var="$showTitle" value="{xen:if $xenOptions.scFIIndexShowTitle, 'true', ''}" />
<xen:set var="$showDescription" value="{xen:if $xenOptions.scFIIndexShowDescription, 'true', ''}" />
<xen:set var="$showRating" value="{xen:if $xenOptions.scFIIndexShowRating, 'true', ''}" />
</xen:include>
</xen:if>
how can we change the showcase sidebar main image size
Its not a SIMPLE process at the moment. Its definitely something that is on the chopping block to be replaced with a much more flexible system.
HINT: You are an EA license holder. You are paying for Advanced Support and are wasting it by posting here where you are only going to get BASIC support responses.Ok, thanks for the quick reply.