Why slide images not updated?

I am using the free Simply theme which comes with only three sliders.

I want to increase it to include more, so I changed the front.php, here is the original code:

<div id="slide-container">
<div id="slide">
<img src="<?php echo esc_url(of_get_option('banner-image', get_template_directory_uri() . '/images/slide-image/slide-image1.jpg')); ?>"/>
<?php if ( esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image2.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image2.jpg')); ?>"/>
<?php endif; ?>
<?php if ( esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image3.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image3.jpg')); ?>"/>
<?php endif; ?>
</div>
</div> <!-- slide-container -->

Here is the current code:

<div id="slide-container">
<div id="slide">

<img src="<?php echo esc_url(of_get_option('banner-image', get_template_directory_uri() . '/images/slide-image/slide-image1.jpg')); ?>"/>

<?php if ( esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image2.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image2.jpg')); ?>"/>
<?php endif; ?>

<?php if ( esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image3.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image3.jpg')); ?>"/>
<?php endif; ?>

<?php if ( esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image4.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('slide-image', get_template_directory_uri() . '/images/slide-image/slide-image4.jpg')); ?>"/>
<?php endif; ?>

<?php if ( esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image5.jpg')) != '' ) : ?>
<img src="<?php echo esc_url(of_get_option('extra-image', get_template_directory_uri() . '/images/slide-image/slide-image5.jpg')); ?>"/>
<?php endif; ?>

</div>
</div> <!-- slide-container -->

I don’t see the extra sliders are rendered. In fact the extra slider 4,5 are being rendered as slider 2 and 3.

Which js is used to render the slideshow?

Thanks.