Have an image on the left of the slider

You can have an image next to slider, which stay there, while your slider is changing by putting one into the HTML widget, where you can control it with css, and make it responsive based on the slider with javascript.
slider

This is the code, what you should use:

<div class="sliderfiximage">
</div>
<style>
.nextend-widget-html {
    bottom:0;
}
.sliderfiximage{
    background-color: white;
    background-image: url("http://www.nextendweb.com/demo/smartslider2/images/stories/s7.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width:250px;
}
</style>
<script>
function imgwidth(){
    jQuery('.sliderfiximage').width(jQuery('.sliderfiximage').parent('div').parent('div').css('marginLeft'));
}
jQuery(window).load(function() {
    imgwidth();
});
jQuery(window).resize(function() {
    imgwidth();
});
</script>

Change the url of the background-image, also you could change the background-size to contain, and that is the case, when you would need the background-color (or that can stay a fallback, if the image wouldn’t load). The width:250px; is just a default width, you should change that about the size, it will load, because to have the left margin’s width, it needs to wait, until the slider loads, and because of that, there is a moment delay between the slider’s, and this image’s loading.

Put it into the Edit SliderHTML widget of your slider, which should be positioned from the right by canvaswidth or width:
htmlwidget

And your image will have the size of the Edit SliderMargin – Left:
marginleft

Maybe make your slider transparent, and make it visible after the image got it’s width to avoid the delay between them:

<div class="sliderfiximage">
</div>
<style>
.ss2-align{
    opacity:0;
}
.nextend-widget-html {
    bottom:0;
}
.sliderfiximage{
    background-color: white;
    background-image: url("http://www.nextendweb.com/demo/smartslider2/images/stories/s7.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
</style>
<script>
function imgwidth(){
    jQuery('.sliderfiximage').width(jQuery('.sliderfiximage').parent('div').parent('div').css('marginLeft'));
}
jQuery(window).load(function() {
    imgwidth();
    jQuery('.ss2-align').animate({'opacity':'1'},500);
});
jQuery(window).resize(function() {
    imgwidth();
});
</script>