All Makes Scooter Club
On Smaller Wheels
Home
Events
Extravaganza
Contact
Vehicle Registration
Austria
http://
Puch SR150
Copyright © 2024 | WordPress Theme by
MH Themes
![Puch SR150](http://<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
jQuery( '#slider-pro-3-859' ).sliderPro({
//width
width: 1000,
//height
height: 500,
//auto play
autoplay: true,
autoplayOnHover: 'pause',
autoplayDelay: 5000,
arrows: true,
buttons: true,
smallSize: 500,
mediumSize: 1000,
largeSize: 3000,
fade: true,
//thumbnail
thumbnailArrows: true,
thumbnailWidth: 120,
thumbnailHeight: 120,
centerImage: true,
imageScaleMode: 'contain',
allowScaleUp: true,
startSlide: 0,
loop: true,
slideDistance: 5,
autoplayDirection: 'normal',
touchSwipe: true,
fullScreen: true,
});
});
</script>
<style>
/* Layout 3 */
/* border */
#slider-pro-3-859 .sp-selected-thumbnail {
border: 4px solid #000000;
}
/* font + color */
.title-in {
font-family: Arial !important;
color: #FFFFFF !important;
background-color: #000000 !important;
opacity: 0.7 !important;
}
.desc-in {
font-family: Arial !important;
color: #FFFFFF !important;
background-color: #00000 !important;
opacity: 0.7 !important;
}
/* bullets color */
.sp-button {
border: 2px solid #000000 !important;
}
.sp-selected-button {
background-color: #000000 !important;
}
/* pointer color - bottom */
/* pointer color - top */
/* full screen icon */
.sp-full-screen-button::before {
color: #1e73be !important;
}
/* hover navigation icon color */
.sp-next-arrow::after, .sp-next-arrow::before {
background-color: #1e73be !important;
}
.sp-previous-arrow::after, .sp-previous-arrow::before {
background-color: #1e73be !important;
}
#slider-pro-3-859 .title-in {
color: #FFFFFF !important;
font-weight: bolder;
text-align: center;
}
#slider-pro-3-859 .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;
}
#slider-pro-3-859 .desc-in {
color: #FFFFFF !important;
text-align: center;
}
#slider-pro-3-859 .desc-in-bg {
background: rgba(#00000, 0.7) !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) {
#slider-pro-3-859 .hide-small-screen {
display: none;
}
}
@media (max-width: 860px) {
#slider-pro-3-859 .sp-layer {
font-size: 18px;
}
#slider-pro-3-859 .hide-medium-screen {
display: none;
}
}
.slides-not-found {
background-color: #a92929;
border-radius: 5px;
color: #fff;
font-family: initial;
text-align: center;
padding:12px;
}
/* Custom CSS */
</style>
<div id="slider-pro-3-859" class="slider-pro">
<!---- slides div start ---->
<div class="sp-slides">
<div class="sp-slide">
<img class="sp-image" alt="Puch SR150" src="http://www.vmsc.co.uk/wp-content/plugins/ultimate-responsive-image-slider/assets/css/images/blank.gif" data-src="http://www.vmsc.co.uk/wp-content/uploads/2022/02/Puch-SR150.jpg" />
<p class="sp-layer sp-black sp-padding desc-in desc-in-bg hide-medium-screen"
data-position="centerCenter"
data-vertical="14%"
data-show-transition="right" data-show-delay="500">
Puch SR150 </p>
</div>
</div>
<!---- slides div end ---->
<!-- slides thumbnails div start -->
<div class="sp-thumbnails">
<img class="sp-thumbnail" src="http://www.vmsc.co.uk/wp-content/plugins/ultimate-responsive-image-slider/assets/img/loading.gif" data-src="http://www.vmsc.co.uk/wp-content/uploads/2022/02/Puch-SR150.jpg" alt="Puch SR150"/>
</div>
<!-- slides thumbnails div end -->
</div>)