start_controls_section( "general_section", [ "label" => esc_html__( "General", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Default blog options.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "title", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you put the circle progress title.", 'classic-elementor-addons-pro' ), "default" => "" ] ); $this->add_control( "title_tag", [ "label" => esc_html__( "Title Tag", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "h3", "options" => [ "h1" => esc_html__( "h1", 'classic-elementor-addons-pro' ), "h2" => esc_html__( "h2", 'classic-elementor-addons-pro' ), "h3" => esc_html__( "h3", 'classic-elementor-addons-pro' ), "h4" => esc_html__( "h4", 'classic-elementor-addons-pro' ), "h5" => esc_html__( "h5", 'classic-elementor-addons-pro' ), "h6" => esc_html__( "h6", 'classic-elementor-addons-pro' ), ] ] ); $this->end_controls_section(); //Layouts Section $this->start_controls_section( "layouts_section", [ "label" => esc_html__( "Layouts", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Circle progress layout options here available.", 'classic-elementor-addons-pro' ), ] ); $this->add_responsive_control( 'alignment', [ 'label' => esc_html__( 'Alignment', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justified', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .cea-carousel .owl-slide-item' => 'text-align: {{VALUE}};', ], ] ); $this->add_control( "layout", [ "label" => esc_html__( "Carousel Style Layout", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "default", "options" => [ "default" => esc_html__( "Default", 'classic-elementor-addons-pro' ), "classic" => esc_html__( "Classic", 'classic-elementor-addons-pro' ), "modern" => esc_html__( "Modern", 'classic-elementor-addons-pro' ), "list" => esc_html__( "List", 'classic-elementor-addons-pro' ), ] ] ); $this->end_controls_section(); //Content Section $this->start_controls_section( "content_section", [ "label" => esc_html__( "Content", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Content carousel inner shortcodes.", 'classic-elementor-addons-pro' ), ] ); $repeater = new Repeater(); $repeater->add_control( "inner_content", [ "type" => Controls_Manager::WYSIWYG, "label" => esc_html__( "Inner Content", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option to set content carousel inner content.", 'classic-elementor-addons-pro' ), "default" => "", ] ); $this->add_control( 'inner_contents', [ 'label' => __( 'Inner Contents', 'elementor' ), 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'inner_content' => __( 'Click edit button to change this text. You can place here shortcodes.', 'elementor' ), ] ] ] ); $this->end_controls_section(); //Slide Section $this->start_controls_section( "slide_section", [ "label" => esc_html__( "Slide", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Content slide options here available.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "slide_opt", [ "label" => esc_html__( "Slide Option", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider option.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_item", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Slide Items", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slide items shown on large devices.", 'classic-elementor-addons-pro' ), "default" => "2", ] ); $this->add_control( "slide_item_tab", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items on Tab", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slide items shown on tab.", 'classic-elementor-addons-pro' ), "default" => "2", ] ); $this->add_control( "slide_item_mobile", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items on Mobile", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slide items shown on mobile.", 'classic-elementor-addons-pro' ), "default" => "1", ] ); $this->add_control( "slide_item_autoplay", [ "label" => esc_html__( "Auto Play", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider auto play.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_item_loop", [ "label" => esc_html__( "Loop", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider loop.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_center", [ "label" => esc_html__( "Items Center", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider center, for this option must active loop and minimum items 2.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_nav", [ "label" => esc_html__( "Navigation", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider navigation.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_dots", [ "label" => esc_html__( "Pagination", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider pagination.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "slide_margin", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items Margin", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider margin space.", 'classic-elementor-addons-pro' ), "default" => "", ] ); $this->add_control( "slide_duration", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items Duration", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider duration.", 'classic-elementor-addons-pro' ), "default" => "5000", ] ); $this->add_control( "slide_smart_speed", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items Smart Speed", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider smart speed.", 'classic-elementor-addons-pro' ), "default" => "250", ] ); $this->add_control( "slide_slideby", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Items Slideby", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for content slider scroll by.", 'classic-elementor-addons-pro' ), "default" => "1", ] ); $this->end_controls_section(); // Style General Section $this->start_controls_section( 'section_style_general', [ 'label' => __( 'General', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'carousel_padding', [ 'label' => esc_html__( 'Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'carousel_margin', [ 'label' => esc_html__( 'Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->start_controls_tabs( 'general_styles' ); $this->start_controls_tab( 'general_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'font_color', [ 'label' => esc_html__( 'Font Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper' => 'color: {{VALUE}};' ] ] ); $this->add_control( 'bg_color', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper' => 'background-color: {{VALUE}};' ] ] ); $this->add_control( "shadow_opt", [ "label" => esc_html__( "Box Shadow Enable", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on carousel box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "carousel_box_shadow", [ "label" => esc_html__( "Box Shadow", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on carousel box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::BOX_SHADOW, 'condition' => [ 'shadow_opt' => 'yes', ], 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper' => 'box-shadow: {{HORIZONTAL}}px {{VERTICAL}}px {{BLUR}}px {{SPREAD}}px {{COLOR}} {{carousel_box_shadow_pos.VALUE}};', ] ] ); $this->add_control( "carousel_box_shadow_pos", [ 'label' => esc_html__( "Box Shadow Position", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ ' ' => esc_html__( "Outline", 'classic-elementor-addons-pro' ), 'inset' => esc_html__( "Inset", 'classic-elementor-addons-pro' ), ], 'condition' => [ 'shadow_opt' => 'yes', ], 'default' => ' ', 'render_type' => 'ui', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'general_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'font_hcolor', [ 'label' => esc_html__( 'Font Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper:hover' => 'color: {{VALUE}};' ] ] ); $this->add_control( 'bg_hcolor', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper:hover' => 'background-color: {{VALUE}};' ] ] ); $this->add_control( "shadow_hopt", [ "label" => esc_html__( "Box Shadow Enable", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on carousel box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "carousel_hbox_shadow", [ "label" => esc_html__( "Hover Box Shadow", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on carousel box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::BOX_SHADOW, 'condition' => [ 'shadow_hopt' => 'yes', ], 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper:hover' => 'box-shadow: {{HORIZONTAL}}px {{VERTICAL}}px {{BLUR}}px {{SPREAD}}px {{COLOR}} {{carousel_hbox_shadow_pos.VALUE}};', ] ] ); $this->add_control( "carousel_hbox_shadow_pos", [ 'label' => esc_html__( "Box Shadow Position", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ ' ' => esc_html__( "Outline", 'classic-elementor-addons-pro' ), 'inset' => esc_html__( "Inset", 'classic-elementor-addons-pro' ), ], 'condition' => [ 'shadow_hopt' => 'yes', ], 'default' => ' ', 'render_type' => 'ui', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); // Style Title Section $this->start_controls_section( 'section_style_title', [ 'label' => __( 'Title', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'title_colors' ); $this->start_controls_tab( 'title_colors_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $this->add_control( "title_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper .content-carousel-title, {{WRAPPER}} .content-carousel-wrapper .content-carousel-title > a' => 'color: {{VALUE}};' ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'title_colors_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( "title_hcolor", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Hover Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper:hover .content-carousel-title, {{WRAPPER}} .content-carousel-wrapper:hover .content-carousel-title > a' => 'color: {{VALUE}};' ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'title_padding', [ 'label' => esc_html__( 'Title Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'title_margin', [ 'label' => esc_html__( 'Title Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'title_alignment', [ 'label' => esc_html__( 'Alignment', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justified', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'default' => 'center', 'selectors' => [ '{{WRAPPER}} .content-carousel-title' => 'text-align: {{VALUE}};', ], ] ); $this->add_responsive_control( 'title_spacing', [ 'label' => esc_html__( 'Title Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .content-carousel-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .content-carousel-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'carousel_title_typography', 'selector' => '{{WRAPPER}} .content-carousel-wrapper .content-carousel-title' ] ); $this->end_controls_section(); // Style Carousel Item Section $this->start_controls_section( 'section_style_carousel_item', [ 'label' => __( 'Carousel Item', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'item_bg_color', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper .cea-carousel .owl-slide-item' => 'background-color: {{VALUE}};' ] ] ); $this->add_responsive_control( 'carousel_item_padding', [ 'label' => esc_html__( 'Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper .cea-carousel .owl-slide-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'carousel_item_margin', [ 'label' => esc_html__( 'Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper .cea-carousel .owl-slide-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( "item_shadow_opt", [ "label" => esc_html__( "Box Shadow Enable", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show/hide box shadow on carousel item.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "item_box_shadow", [ "label" => esc_html__( "Box Shadow", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for set box shadow on carousel item.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::BOX_SHADOW, 'condition' => [ 'item_shadow_opt' => 'yes', ], 'selectors' => [ '{{WRAPPER}} .content-carousel-wrapper .cea-carousel .owl-slide-item' => 'box-shadow: {{HORIZONTAL}}px {{VERTICAL}}px {{BLUR}}px {{SPREAD}}px {{COLOR}} {{item_box_shadow_pos.VALUE}};', ] ] ); $this->add_control( "item_box_shadow_pos", [ 'label' => esc_html__( "Box Shadow Position", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ ' ' => esc_html__( "Outline", 'classic-elementor-addons-pro' ), 'inset' => esc_html__( "Inset", 'classic-elementor-addons-pro' ), ], 'condition' => [ 'item_shadow_opt' => 'yes', ], 'default' => ' ', 'render_type' => 'ui', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'carousel_item_border', 'selector' => '{{WRAPPER}} .content-carousel-wrapper .owl-slide-item', 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'carousel_typography', 'selector' => '{{WRAPPER}} .content-carousel-wrapper' ] ); $this->end_controls_section(); } /** * Render Content Carousel widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * @access protected */ public function render_content() { /** * Before widget render content. * * Fires before Elementor widget is being rendered. * * @since 1.0.0 * * @param Widget_Base $this The current widget. */ do_action( 'elementor/widget/before_render_content', $this ); ob_start(); $skin = $this->get_current_skin(); if ( $skin ) { $skin->set_parent( $this ); $skin->render(); } else { $this->render(); } $widget_content = ob_get_clean(); $settings = $this->get_settings_for_display(); extract( $settings ); $class = isset( $layout ) && $layout != '' ? ' cea-carousel-style-' . $layout : ''; ?>

get_settings_for_display(); extract( $settings ); $title = isset( $title ) && $title != '' ? $title : ''; $title_tag = isset( $title_tag ) && $title_tag != '' ? $title_tag : 'h3'; $inner_contents = isset( $inner_contents ) && $inner_contents != '' ? $inner_contents : ''; $gal_atts = array( 'data-loop="'. ( isset( $slide_item_loop ) && $slide_item_loop == 'yes' ? 1 : 0 ) .'"', 'data-margin="'. ( isset( $slide_margin ) && $slide_margin != '' ? absint( $slide_margin ) : 0 ) .'"', 'data-center="'. ( isset( $slide_center ) && $slide_center == 'yes' ? 1 : 0 ) .'"', 'data-nav="'. ( isset( $slide_nav ) && $slide_nav == 'yes' ? 1 : 0 ) .'"', 'data-dots="'. ( isset( $slide_dots ) && $slide_dots == 'yes' ? 1 : 0 ) .'"', 'data-autoplay="'. ( isset( $slide_item_autoplay ) && $slide_item_autoplay == 'yes' ? 1 : 0 ) .'"', 'data-items="'. ( isset( $slide_item ) && $slide_item != '' ? absint( $slide_item ) : 1 ) .'"', 'data-items-tab="'. ( isset( $slide_item_tab ) && $slide_item_tab != '' ? absint( $slide_item_tab ) : 1 ) .'"', 'data-items-mob="'. ( isset( $slide_item_mobile ) && $slide_item_mobile != '' ? absint( $slide_item_mobile ) : 1 ) .'"', 'data-duration="'. ( isset( $slide_duration ) && $slide_duration != '' ? absint( $slide_duration ) : 5000 ) .'"', 'data-smartspeed="'. ( isset( $slide_smart_speed ) && $slide_smart_speed != '' ? absint( $slide_smart_speed ) : 250 ) .'"', 'data-scrollby="'. ( isset( $slide_slideby ) && $slide_slideby != '' ? absint( $slide_slideby ) : 1 ) .'"', 'data-autoheight="0"', ); $data_atts = implode( " ", $gal_atts ); echo $title ? '<'. esc_attr( $title_tag ) .' class="content-carousel-title">'. esc_html( $title ) .'' : ''; //Content Carousel Slide echo '

'; foreach ( $inner_contents as $inner_content ) { echo '

'; echo do_shortcode( $inner_content['inner_content'] ); echo '

'; } //Content Carousel Slide End echo '

'; } }