Loading...
Crawford Farms Glencoe Ltd.
Home
Sample Page
You are Now on:
Home
>
Search for:
![](http://<script type="text/javascript">
jQuery( document ).ready(function( jQuery ) {
jQuery( '#example3_43' ).sliderPro({
//width
//height
autoHeight: true,
//autoplay
autoplayDelay: 5000,
arrows: false,
buttons: false,
smallSize: 500,
mediumSize: 1000,
largeSize: 3000,
fade: false,
//thumbnail
thumbnailArrows: true,
thumbnailWidth: 120,
thumbnailHeight: 100,
centerImage: true,
allowScaleUp: true,
startSlide: 0,
loop: true,
slideDistance: 5,
autoplayDirection: 'normal',
touchSwipe: true,
fullScreen: false,
});
});
</script>
<style>
/* Example 3 */
/* border */
/* font + color */
.title-in {
font-family: !important;
color: !important;
background-color: !important;
opacity: 0.7 !important;
}
.desc-in {
font-family: !important;
color: !important;
background-color: !important;
opacity: 0.7 !important;
}
/* bullets color */
.sp-button {
border: 2px solid !important;
}
.sp-selected-button {
background-color: !important;
}
/* pointer color - bottom */
/* pointer color - top */
/* full screen icon */
.sp-full-screen-button::before {
color: !important;
}
/* hover navigation icon color */
.sp-next-arrow::after, .sp-next-arrow::before {
background-color: !important;
}
.sp-previous-arrow::after, .sp-previous-arrow::before {
background-color: !important;
}
#example3_43 .title-in {
color: !important;
font-weight: bolder;
text-align: center;
}
#example3_43 .title-in-bg {
background: rgba(255, 255, 255, 0.7); !important;
white-space: unset !important;
max-width: 90%;
min-width: 40%;
transform: initial !important;
-webkit-transform: initial !important;
font-size: 14px !important;
}
#example3_43 .desc-in {
color: !important;
text-align: center;
}
#example3_43 .desc-in-bg {
background: rgba(, ) !important;
white-space: unset !important;
width: 80% !important;
min-width: 30%;
transform: initial !important;
-webkit-transform: initial !important;
font-size: 13px !important;
}
@media (max-width: 640px) {
#example3_43 .hide-small-screen {
display: none;
}
}
@media (max-width: 860px) {
#example3_43 .sp-layer {
font-size: 18px;
}
#example3_43 .hide-medium-screen {
display: none;
}
}
/* Custom CSS */
</style>
<div id="example3_43" class="slider-pro">
<!---- slides div start ---->
<div class="sp-slides">
<div class="sp-slide">
<img class="sp-image" alt="" src=""
data-src="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/harvest-scene.jpg"
data-small="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/harvest-scene.jpg"
data-medium="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/harvest-scene.jpg"
data-large="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/harvest-scene.jpg"
data-retina="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/harvest-scene.jpg"/>
</div>
<div class="sp-slide">
<img class="sp-image" alt="" src=""
data-src="http://temp.crawfordfarms.ca/wp-content/uploads/2016/08/cropped-image_1.jpg"
data-small="http://temp.crawfordfarms.ca/wp-content/uploads/2016/08/cropped-image_1.jpg"
data-medium="http://temp.crawfordfarms.ca/wp-content/uploads/2016/08/cropped-image_1.jpg"
data-large="http://temp.crawfordfarms.ca/wp-content/uploads/2016/08/cropped-image_1.jpg"
data-retina="http://temp.crawfordfarms.ca/wp-content/uploads/2016/08/cropped-image_1.jpg"/>
</div>
<div class="sp-slide">
<img class="sp-image" alt="" src=""
data-src="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/famjam2013.jpg"
data-small="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/famjam2013.jpg"
data-medium="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/famjam2013.jpg"
data-large="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/famjam2013.jpg"
data-retina="http://temp.crawfordfarms.ca/wp-content/uploads/2016/09/famjam2013.jpg"/>
</div>
</div>
<!---- slides div end ---->
<!-- slides thumbnails div end -->
</div>){kind=link}
