How to design slider with popup image when clicked on image using modal

define(
    'JJ.imagePopup.imagePopup', [
        'JJ.imagePopup.imagePopup.View',
        'Home.View',
        'jj_imagepopup_imagepopup.tpl',
        'JJ.imagePopup.imagePopup.View'
    ],
    function(
        imagePopupView, HomeView, jj_imagepopup_imagepopup_tpl, uploadCheckView
    ) {
        'use strict';

        return {
            mountToApp: function mountToApp(container) {
                // using the 'Layout' component we add a new child view inside the 'Header' existing view 
                // (there will be a DOM element with the HTML attribute data-view="Header.Logo")
                // more documentation of the Extensibility API in
                // https://system.netsuite.com/help/helpcenter/en_US/APIs/SuiteCommerce/Extensibility/Frontend/index.html

                /** @type {LayoutComponent} */
                var layout = container.getComponent('Layout');

                _.extend(HomeView.prototype, {
                    template: jj_imagepopup_imagepopup_tpl,
                    events: _.extend({}, HomeView.prototype.events, {

                        'click [data-action="btn-data-action"]': 'showcheckmodal'
                    }),

                    showcheckmodal: function showcheckmodal() {

                        var view = new uploadCheckView({
                            application: container,
                        });
                        view.showInModal();
                    }
                })

            }
        };
    });