(function ($) { "use strict"; var $window = $(window); function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; } function rtl_slick() { if ($("body").hasClass("rtl")) { return true; } else { return false; } } $window.on("elementor/frontend/init", function () { var ModuleHandler = elementorModules.frontend.handlers.Base; var PostMarquee = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.wrapper = this.$element.find(".elespare-flash-wrap"); this.run(); }, getDefaultSettings: function () { var pauseticker = false; if (this.getElementSettings("_pause_on_hover") == "yes") { pauseticker = true; } return { //duration in milliseconds of the marquee speed: this.getElementSettings("_animation_speed"), //gap in pixels between the tickers gap: 0, //time in milliseconds before the marquee will start animating delayBeforeStart: 0, //'left' or 'right' // direction: 'right', //true or false - should the marquee be duplicated to show an effect of continues flow duplicated: true, pauseOnHover: pauseticker, startVisible: true, }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, run: function () { var filter_wrap = this.wrapper.find(".marquee.elespare-flash-side"); filter_wrap.marquee(this.getDefaultSettings()); }, }); var PostCarousel = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: false, arrows: false, checkVisible: false, container: ".elespare-posts-wrap", dots: false, infinite: true, rows: 0, slidesToShow: 3, prevArrow: $("
") .append(this.findElement(".slick-prev").clone().show()) .html(), nextArrow: $("
") .append(this.findElement(".slick-next").clone().show()) .html(), }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var autoplaycarousel = false; if (this.getElementSettings("autoplay") == "yes") { autoplaycarousel = true; } var settings = { infinite: !!this.getElementSettings("loop"), autoplay: autoplaycarousel, autoplaySpeed: this.getElementSettings("autoplay_speed"), speed: this.getElementSettings("animation_speed"), centerMode: !!this.getElementSettings("center"), slidesToScroll: 1, rtl: rtl_slick(), }; switch (this.getElementSettings("navigation")) { case "arrow": settings.arrows = true; break; case "dots": settings.dots = true; break; case "both": settings.arrows = true; settings.dots = true; break; } // var blockname = this.elements.$container.attr('data-blockname'); settings.slidesToShow = parseInt(this.getElementSettings("slides_to_show")) || 1; settings.slidesToShow = parseInt(this.getElementSettings("slides_to_show")) || 1; settings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: parseInt(this.getElementSettings("slides_to_show_tablet")) || settings.slidesToShow, }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: parseInt(this.getElementSettings("slides_to_show_mobile")) || parseInt(this.getElementSettings("slides_to_show_tablet")) || settings.slidesToShow, }, }, ]; return $.extend({}, this.getSettings(), settings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); //Masonry var PostMasonry = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getLayoutMode: function () { var layout = "even"; return layout === "even" ? "masonry" : layout; }, getDefaultSettings: function () { return { itemSelector: ".elespare-posts-masonry-item-wrapper", percentPosition: true, layoutMode: this.getLayoutMode(), }; }, getDefaultElements: function () { return { $container: this.findElement(".elespare-isotope"), }; }, run: function () { var self = this; self.elements.$container.isotope(self.getDefaultSettings()); }, }); //------- var MainBannerOne = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: true, arrows: true, checkVisible: false, container: ".elespare-carousel-wrap", dots: false, infinite: true, rows: 0, slidesToShow: 1, prevArrow: $("
") .append(this.findElement(".slick-prev").clone().show()) .html(), nextArrow: $("
") .append(this.findElement(".slick-next").clone().show()) .html(), }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var autoplaybanner = false; if (this.getElementSettings("_autoplay") == "yes") { autoplaybanner = true; } var bannersettings = { infinite: !!this.getElementSettings("_loop"), autoplay: autoplaybanner, autoplaySpeed: this.getElementSettings("_autoplay_speed"), speed: this.getElementSettings("_animation_speed"), slidesToScroll: 1, rtl: rtl_slick(), }; bannersettings.slidesToShow = parseInt(this.elements.$container.attr("data-num")) || 1; bannersettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: 1, }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: 1, }, }, ]; return $.extend({}, this.getSettings(), bannersettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); var MainBannerTwo = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: true, arrows: true, checkVisible: false, container: ".elespare-carousel-wrap", dots: false, infinite: true, rows: 0, slidesToShow: 1, prevArrow: $("
") .append(this.findElement(".slick-prev").clone().show()) .html(), nextArrow: $("
") .append(this.findElement(".slick-next").clone().show()) .html(), }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var autoplaybanner = false; if (this.getElementSettings("_autoplay") == "yes") { autoplaybanner = true; } var bannersettings = { infinite: !!this.getElementSettings("_loop"), autoplay: autoplaybanner, autoplaySpeed: this.getElementSettings("_autoplay_speed"), speed: this.getElementSettings("_animation_speed"), slidesToScroll: 1, rtl: rtl_slick(), }; bannersettings.slidesToShow = parseInt(this.elements.$container.attr("data-num")) || 1; bannersettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: 1, }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: 1, }, }, ]; return $.extend({}, this.getSettings(), bannersettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); //----- //Post banner slider var PostBannerCarousel = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: true, arrows: true, checkVisible: false, container: ".elespare-carousel-wrap", dots: false, infinite: true, rows: 0, slidesToShow: 1, prevArrow: $("
") .append(this.findElement(".slick-prev").clone().show()) .html(), nextArrow: $("
") .append(this.findElement(".slick-next").clone().show()) .html(), }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var autoplaybanner = false; if (this.getElementSettings("_autoplay") == "yes") { autoplaybanner = true; } var bannersettings = { infinite: !!this.getElementSettings("_loop"), autoplay: autoplaybanner, autoplaySpeed: this.getElementSettings("_autoplay_speed"), speed: this.getElementSettings("_animation_speed"), slidesToScroll: 1, rtl: rtl_slick(), }; var parent_class = this.elements.$container.parents(".elementor-column"); var admin_attr = parent_class.attr("data-col"); if ( admin_attr <= 33 || parent_class.hasClass("elementor-col-33") || parent_class.hasClass("elementor-col-20") || parent_class.hasClass("elementor-col-16") ) { bannersettings.slidesToShow = 1; } else { bannersettings.slidesToShow = parseInt(this.elements.$container.attr("data-num")) || 1; } bannersettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: 1, }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: 1, }, }, ]; return $.extend({}, this.getSettings(), bannersettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); var PostBannerTrendings = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: true, arrows: false, checkVisible: false, container: ".elespare-trending-wrap", dots: false, infinite: true, vertical: true, verticalSwiping: true, rows: 0, slidesToShow: 3, }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var slide_to_show = this.getElementSettings("trending_slides_to_show"); var parent_class = this.elements.$container.parents(".elementor-element"); var widget_name = parent_class .find(".elementor-widget-main-banner-1") .attr("data-widget_type"); var widget_name_banner_2 = parent_class .find(".elementor-widget-main-banner-2") .attr("data-widget_type"); var verticals = true; var admin_attr = parent_class.attr("data-col"); if ( widget_name == "main-banner-1.default" || widget_name_banner_2 == "main-banner-2.default" ) { if (admin_attr == "66" || parent_class.hasClass("elementor-col-66")) { verticals = false; slide_to_show = 2; } else if ( admin_attr == "50" || parent_class.hasClass("elementor-col-50") ) { verticals = false; slide_to_show = 2; } else if ( admin_attr == "33" || parent_class.hasClass("elementor-col-33") ) { verticals = false; slide_to_show = 1; } else if ( admin_attr == "25" || parent_class.hasClass("elementor-col-25") ) { verticals = false; slide_to_show = 1; } else { verticals = false; slide_to_show = this.getElementSettings("trending_slides_to_show"); } } else { verticals = false; } var autoplayverticale = false; if (this.getElementSettings("trending_autoplay") == "yes") { autoplayverticale = true; } var verticalsettings = { infinite: !!this.getElementSettings("trending_loop"), autoplay: autoplayverticale, autoplaySpeed: this.getElementSettings("trending_autoplay_speed"), speed: this.getElementSettings("trending_animation_speed"), slidesToShow: slide_to_show, slidesToScroll: 1, vertical: verticals, rtl: rtl_slick(), }; verticalsettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: parseInt( this.getElementSettings("trending_slides_to_show_tablet") ) || verticalsettings.slidesToShow, vertical: false, }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: parseInt( this.getElementSettings("trending_slides_to_show_mobile") ) || parseInt(this.getElementSettings("slides_to_show_tablet")) || verticalsettings.slidesToShow, vertical: false, }, }, ]; return $.extend({}, this.getSettings(), verticalsettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); var PostBannerVerticaleTrendings = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: true, arrows: false, checkVisible: false, container: ".elespare-trending-wrap", dots: false, infinite: true, vertical: true, verticalSwiping: true, rows: 0, slidesToShow: 3, }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var slide_to_show = 3; var autoplayverticale = false; if (this.getElementSettings("trending_autoplay") == "yes") { autoplayverticale = true; } var parent_class = this.elements.$container.parents( ".elementor-element.elementor-widget-post-banner" ); var widget_name = parent_class.attr("data-widget_type"); if (widget_name == "post-banner.default") { if ( parent_class .find(".elespare-banner-one-wrap") .hasClass("banner-style-4") || parent_class .find(".elespare-banner-one-wrap") .hasClass("banner-style-5") || parent_class .find(".elespare-banner-one-wrap") .hasClass("banner-style-6") ) { slide_to_show = 4; } } var verticalsettings = { infinite: !!this.getElementSettings("trending_loop"), autoplay: autoplayverticale, autoplaySpeed: this.getElementSettings("trending_autoplay_speed"), speed: this.getElementSettings("trending_animation_speed"), slidesToShow: slide_to_show, slidesToScroll: 1, vertical: true, verticalSwiping: true, // rtl: rtl_slick() }; verticalsettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: 2, vertical: false, verticalSwiping: false, rtl: rtl_slick(), }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: 1, vertical: false, verticalSwiping: false, rtl: rtl_slick(), }, }, ]; return $.extend({}, this.getSettings(), verticalsettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); //Post Trending Carousel var PostTrendingsCarousel = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.run(); }, getDefaultSettings: function () { return { autoplay: false, arrows: false, checkVisible: false, container: ".elespare-trending-wrap", dots: false, infinite: true, vertical: false, verticalSwiping: false, rows: 0, slidesToShow: 3, }; }, getDefaultElements: function () { return { $container: this.findElement(this.getSettings("container")), }; }, onElementChange: debounce(function () { this.elements.$container.slick("unslick"); this.run(); }, 200), getSlickSettings: function () { var verticals = false; var slide_to_show = 3; var parent_class = this.elements.$container.parents(".elementor-column"); var rtl = rtl_slick(); var admin_attr = parent_class.attr("data-col"); if (parent_class.hasClass("elementor-col-66")) { verticals = false; slide_to_show = 2; rtl = rtl_slick(); } if (parent_class.hasClass("elementor-col-50")) { verticals = false; slide_to_show = 2; rtl = rtl_slick(); } if (parent_class.hasClass("elementor-col-33")) { verticals = true; slide_to_show = 5; rtl = false; } if (parent_class.hasClass("elementor-col-25")) { verticals = true; slide_to_show = 2; rtl = false; } if (parent_class.hasClass("elementor-col-16")) { verticals = true; slide_to_show = 2; rtl = false; } if (admin_attr == "66") { verticals = false; slide_to_show = 2; rtl = rtl_slick(); } if (admin_attr == "50") { verticals = false; slide_to_show = 2; rtl = rtl_slick(); } if (admin_attr == "33") { verticals = true; slide_to_show = 5; rtl = false; } if (admin_attr == "25") { verticals = true; slide_to_show = 2; rtl = false; } if (admin_attr == "16") { verticals = true; slide_to_show = 2; rtl = false; } var verticalsettings = { infinite: !!this.getElementSettings("trending_loop"), autoplay: !!this.getElementSettings("trending_autoplay"), autoplaySpeed: this.getElementSettings("trending_autoplay_speed"), speed: this.getElementSettings("trending_animation_speed"), slidesToShow: slide_to_show, slidesToScroll: 1, vertical: verticals, rtl: rtl, }; verticalsettings.responsive = [ { breakpoint: elementorFrontend.config.breakpoints.lg, settings: { slidesToShow: 2, vertical: false, verticalSwiping: false, rtl: rtl_slick(), }, }, { breakpoint: elementorFrontend.config.breakpoints.md, settings: { slidesToShow: 5, vertical: true, verticalSwiping: true, rtl: false, }, }, ]; return $.extend({}, this.getSettings(), verticalsettings); }, run: function () { this.elements.$container .not(".slick-initialized") .slick(this.getSlickSettings()); }, }); //Tabs var PostTab = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.wrapper = this.$element.find(".elespare-post-tab"); this.run(); }, run: function () { var filter_wrap = this.wrapper.find(".elespare-post-tab-filter"), filter = filter_wrap.find("li"), event = this.wrapper.data("event"), args = this.wrapper.data("query-args"); filter.on( event, debounce(function (e) { e.preventDefault(); var $self = $(this), term_id = $self.data("term"), $wrapper = $self.closest(".elespare-post-tab"), content = $wrapper.find(".elespare-post-tab-content"), loading = content.find(".elespare-post-tab-loading"), tab_item = content.find(".elespare-post-tab-item-wrapper"), $content_exist = false; if (0 === loading.length) { filter.removeClass("active"); tab_item.removeClass("active"); $self.addClass("active"); tab_item.each(function () { var $self = $(this), $content_id = $self.data("term"); if (term_id === $content_id) { $self.addClass("active"), ($content_exist = true); } }); if (false === $content_exist) { $.ajax({ url: ElespareLocalize.ajax_url, type: "POST", data: { action: "elespare_post_tab_action", security: ElespareLocalize.nonce, post_tab_query: args, term_id: term_id, }, beforeSend: function () { content.append( '' ); }, success: function (response) { content.find(".elespare-post-tab-loading").remove(); content.append(response); }, error: function (error) {}, }); } } }, 200) ); }, }); var SearchForm = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.wrapper = this.$element.find(".elespare-search-wrapper"); this.run(); }, run: function () { var searchContainer = this.wrapper.find(".elespare-search--toggle"); var btn = this.wrapper.find(".elespare-search-icon--toggle"); var close = this.wrapper.find(".elespare--site-search-close"); var dropdown_click = this.wrapper.find( ".elespare-search-dropdown-toggle" ); btn.on("click", function () { searchContainer.addClass("show"); dropdown_click.toggleClass("show"); }); close.on("click", function () { searchContainer.removeClass("show"); }); const $menu = this.wrapper.find(".elespare-search-dropdown-toggle"); $(document).mouseup((e) => { if ( !$menu.is(e.target) && // if the target of the click isn't the container... $menu.has(e.target).length === 0 ) { // ... nor a descendant of the container $menu.removeClass("show"); } }); $(document).on("keydown", function (e) { if (e.keyCode === 27) { // ESC searchContainer.removeClass("show"); } }); }, }); var NavMenu = ModuleHandler.extend({ onInit: function () { ModuleHandler.prototype.onInit.apply(this, arguments); this.wrapper = this.$element.find(".elespare-navigation-wrapper"); this.run(); }, run: function () { var toggle = this.wrapper.find(".elespare-menu-toggle"); var nav = this.wrapper.find(".elespare-moblie-ham-menu"); var overlay = this.wrapper.find(".elespare-overlay"); var close = this.wrapper.find(".elespare--close-menu-side-bar"); var main = this.wrapper.find(".elespare-main-navigation"); var desktop_subnav = main.find("ul >.menu-item-has-children>a"); var sub = main.find(".sub-menu"); if ( this.wrapper.hasClass("vertical") || this.wrapper.hasClass("horizontal") ) { sub.each(function (index) { $(this).wrap('
'); }); } sub .parents("li") .find("> a") .append('

The Evolution of Online Slot Games: Industry Trends and Top Titles for 2023

Introduction: A Dynamic Shift in the Digital Gambling Landscape

The realm of online gambling has undergone unprecedented transformation over the past decade. Rapid technological advancements, changing player demographics, and innovative game design have reshaped the landscape, making online slot games more immersive, engaging, and risk-aware than ever before. Industry analysts now observe a maturation in slot game development, emphasizing player experience, responsible gambling, and diverse thematic narratives. As we progress through 2023, understanding these evolutions is crucial for both industry stakeholders and avid players aiming to stay ahead of the curve.

Industry Trends Driving the Evolution of Online Slots

1. From Basic Spin to Immersive Experiences

Early online slots offered simple graphics and straightforward gameplay. Today, advances in HTML5 and GPU technology enable high-definition visuals, 3D animations, and interactive features that replicate the physical casino experience. Titles such as Fishin’ Frenzy exemplify this trend, seamlessly blending engaging themes with sophisticated mechanics. For instance, players are now captivated by story-driven slots with cinematic narratives, elevating the entertainment value beyond traditional spinning reels.

2. The Rise of Gamification and Bonus Features

Modern slot games leverage gamification strategies, including level progression, achievements, and mini-games, to enhance player retention. Bonus features like free spins, multipliers, and cascading reels have become standard, incentivizing longer play sessions and boosting volatility. Industry data indicates that titles incorporating diverse bonus mechanics can increase player engagement metrics by over 30% compared to simpler counterparts.

3. Integration of Advanced Data Analytics and Personalisation

Data-driven design enables operators to tailor game recommendations and adapt payout structures dynamically. This personalization fosters responsible gambling by guiding players towards suitable risk levels and preventing excessive losses—a critical development considering the regulatory emphasis on player protection.

The Significance of Credible Slot Resources in 2023

In a landscape proliferated by countless game offerings, authoritative sources become indispensable for discerning quality. The proliferation of titles and the rapid pace of innovation necessitate guidance rooted in industry expertise and empirical data. This is where platforms like the top slots 2023 serve as vital references for players and analysts alike. They offer curated selections, insights into game mechanics, RTP (Return-to-Player) figures, and thematic diversity, fostering informed choices.

Spotlight on the Industry’s Premier Slot Titles for 2023

Game Title Theme Features RTP (%) Developer
Fishin’ Frenzy Fishing & Marine Life Free Spins, Multipliers, Wilds 96.12 Blueprint Gaming
Book of Dead Ancient Egypt Expanding Symbols, Free Spins 96.21 Play’n GO
Gonzo’s Quest Megaways Adventure & Lost Cities Cascade Reels, Free Fall 96.00 Red Tiger Gaming
Starburst Cosmic & Retro Expanding Wilds, Re-Spins 96.09 NetEnt

Analytical Insights into Top Slot Selection Criteria

When determining the top slot titles of 2023, several core metrics and qualitative factors are considered:

  • RTP and Volatility: Indicates payout frequency and size.
  • Game Mechanics: Innovative features that heighten engagement.
  • Thematic Appeal: Relevance to current trends and storytelling prowess.
  • Player Feedback: Community reviews and professional endorsements.

Expert Perspectives: Responsible Innovation and Future Outlook

«The evolution in online slots is not solely about visual spectacle; it’s a delicate balance of immersive entertainment and responsible gameplay. Developers are increasingly focusing on transparent mechanics, RTP fairness, and player protection, especially as regulatory frameworks tighten.»

Industry insiders predict that augmented reality (AR) and virtual reality (VR) integrations will redefine online slot experiences further, bringing players closer to the casino floor. Additionally, the integration of cryptocurrencies and blockchain technology promises enhanced transparency and security, making credible resources like top slots 2023 more essential than ever for navigating these innovations.

Conclusion: Navigating the Now and the Future of Slot Gaming

The online slot industry in 2023 exemplifies a harmonious blend of technological innovation, thematic richness, and responsible design. As players seek more engaging yet safe gaming environments, curated and expert-backed resources provide critical guidance. Recognizing the importance of credible references, platforms that aggregate data on the top slots, such as top slots 2023, serve as authoritative guides, empowering players and industry stakeholders alike to embrace the future of digital gaming with confidence.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio