با سلام.

قالبی رو گرفتم و اونو تو vs آوردم. اما slider آن کار نمی کند. کد اسلایدر در View به صورت زیر است:

 <div id="mjs-widget_20" class="mjs-widget mjs-widget-sliderModule" style="width: 1017px; height: 508px; top: 229px; left: 22px; z-index: 20001; background: transparent url('~/Content/Home/Four/image/slider_img.png') no-repeat scroll center center;">
                <div class="mjs-widget-content">
                    <div style="opacity: 1;" class="mjs-slider-image-wrapper mjs-slider-image-old"><img style="width: 1017px; height: 508px; top: 0px; left: 0px;" alt="" src="~/Content/Home/Four/image/slider_img1.png" title="" data-item-id="5" height="508" width="1017"></div>
                    <div style="" class="mjs-slider-image-wrapper mjs-slider-image-new"></div>
                    <div class="mjs-slider-controls">

                    </div>


                    <div class="mjs-description-wrapper"><div class="mjs-description-display"><div class="mjs-description-pos"><div style="display: none; visibility: hidden;" class="mjs-description-block"></div></div></div></div>
                    <style>
                        <!--
                        #mjs-widget_20 .mjs-description-wrapper {
                            top: 20px;
                            bottom: 40px;
                            left: 20px;
                            right: 20px;
                        }

                        #mjs-widget_20 .mjs-description-pos {
                            text-align: center;
                            vertical-align: bottom;
                        }

                        #mjs-widget_20 .mjs-description-block {
                            background: transparent;
                            background-color: rgba(255,255,255,0.8);
                            padding: 15px 15px 15px 15px;
                            -webkit-border-radius: 10px 10px 10px 10px;
                            -moz-border-radius: 10px 10px 10px 10px;
                            -ms-border-radius: 10px 10px 10px 10px;
                            border-radius: 10px 10px 10px 10px;
                        }

                            #mjs-widget_20 .mjs-description-block a {
                                background: transparent;
                                background: -moz-linear-gradient( -90deg, rgba(243,243,243,1), rgba(179,179,179,1) );
                                background: -webkit-gradient(linear, left top, left bottom, from(rgb(243,243,243)), to(rgb(179,179,179)));
                                background: -webkit-linear-gradient( -90deg, rgba(243,243,243,1), rgba(179,179,179,1) );
                                background: -o-linear-gradient( -90deg, rgba(243,243,243,1), rgba(179,179,179,1) );
                                background: linear-gradient( to bottom, rgba(243,243,243,1), rgba(179,179,179,1) );
                                padding: 7px 10px 7px 10px;
                                -webkit-border-radius: 6px 6px 6px 6px;
                                -moz-border-radius: 6px 6px 6px 6px;
                                -ms-border-radius: 6px 6px 6px 6px;
                                border-radius: 6px 6px 6px 6px;
                                border-top: 1px solid rgb(179,179,179);
                                border-right: 1px solid rgb(179,179,179);
                                border-bottom: 1px solid rgb(179,179,179);
                                border-left: 1px solid rgb(179,179,179);
                            }
                        -->
                    </style>

                    <div class="mjs-slider-items">
                    <ul>
                        <li><img alt="" src="~/Content/Home/Four/image/slider_img1.png" title="" data-item-id="1" height="508" width="1017"/></li>
                        <li><img alt="" src="~/Content/Home/Four/image/slider_img2.png" title="" data-item-id="2" height="508" width="1017"></li>
                        <li><img alt="" src="~/Content/Home/Four/image/slider_img3.png" title="" data-item-id="3" height="508" width="1017"></li>
                        <li><img alt="" src="~/Content/Home/Four/image/slider_img4.png" title="" data-item-id="4" height="508" width="1017"></li>
                        <li><img alt="" src="~/Content/Home/Four/image/slider_img5.png" title="" data-item-id="5" height="508" width="1017"></li>
                   </ul>
                    </div>
                </div>

                <style>
                    <!--
                    #mjs-widget_20 .mjs-slider-controls {
                        top: 0px;
                        bottom: 0px;
                        left: 10px;
                        right: 10px;
                    }

                    #mjs-widget_20 .mjs-slider-image-wrapper {
                        top: 0px;
                        bottom: 0px;
                        left: 0px;
                        right: 0px;
                    }

                        #mjs-widget_20 .mjs-slider-image-wrapper .mjs-slider-image {
                            text-align: center;
                            vertical-align: middle;
                        }
                    -->
                </style>
            </div>

تمام javascrit ها هم مانند خود قالب می باشد.

لطفا راهنمایی کنید.

با تشکر