Next is my deluxe slider code. This slider displays only images but I am looking to incorporate video as well. I have searched online and tried different solutions, but haven't found one that works for me. Can someone please guide me on how to achieve this? Appreciate your help!
HTML:
<div class="slideholder">
<div class="deluxeSlider dsDefault">
<div class="dsContent">
<img class="dsImg" src="img/1.jpg" />
</div>
<div class="dsContent">
<img class="dsImg" src="img/2.jpg" />
</div>
<div class="dsContent">
<img class="dsImg" src="img/3.jpg" />
</div>
</div>
</div>
CSS:
.deluxeSlider{
margin:0 auto;
max-width:600px;
width:auto;
}
JavaScript:
<script>
jQuery(document).ready(function($) {
$(".deluxeSlider").deluxeSlider({
transitionType:'move',
imageScaleMode: 'fill',
autoScaleSlider:true,
autoScaleSliderWidth:100+'%',
autoScaleSliderHeight:'auto',
autoHeight:true
});
});
</script>