var strModule = "HomeSlider"; var strContainerID = "#slider_home"; $(function () { if (typeof(strModule) == "undefined" || strModule == "") { console.log("WebCtrl_Banners: Property 'ModuleName' is mandatory"); return; } if (typeof(strContainerID) == "undefined" || strContainerID == "") { console.log("WebCtrl_Banners: Property 'ContainerID' is mandatory"); return; } loadADSBanner(); }); var initSlide = function () { if ($(strContainerID + ' a').length > 1) { $(strContainerID + ' a:gt(0)').hide(); var interval = setInterval(changeDiv, 6000); function changeDiv() { $(strContainerID +' a:first-child').fadeOut(1000) .next('a').fadeIn(1000) .end().appendTo(strContainerID); } $(strContainerID).hover( function () { clearInterval(interval); }, function () { interval = setInterval(changeDiv, 6000); } ); $('.mas').click(function () { changeDiv(); clearInterval(interval); interval = setInterval(changeDiv, 6000); }); $('.menos').click(function () { $(strContainerID + ' a:first-child').fadeOut(1000); $(strContainerID + ' a:last-child').fadeIn(1000).prependTo(strContainerID); clearInterval(interval); interval = setInterval(changeDiv, 6000); }); } } var loadADSBanner = function () { jQuery.ajax({ url: "Home.aspx/ADS_GetBanners", data: JSON.stringify({ strModule: this.strModule }), datatype: "json", contentType: "application/json;charset=utf-8", type: "POST", success: https://online-casinos-usa.net/ function (result) { if (result.d != undefined) result = result.d if (result.resultCode === 0) { createSlide(JSON.parse(result.resultMessage)); } }, error: function (error) { console.log("Error: ADS_GetBanners") } }); } var createSlide = function (data) { var html = ''; var urlRedirect = ''; $.each(data, function (index, value) { urlRedirect = 'javascript:void();'; if (value.strRedirectUrl !== '') { urlRedirect = value.strRedirectUrl; } html += ''; }) $(strContainerID).html(html); initSlide(); } /* Contenedor {general|basic|common|normal} */ .slider-wrapper { {position|place}: relative; overflow: hidden; width: 1010px; {height|peak|top}: 394px; max-width: 100%; margin: {0|Zero} auto; /*padding: {0|Zero} 10px;*/ font-{family|household}: arial, sans-serif; font-{size|dimension|measurement}: 0; -webkit-{box|field}-sizing: border-{box|field}; -moz-{box|field}-sizing: border-{box|field}; {box|field}-sizing: border-{box|field}; /*border-left: 1px {solid|stable|strong} #866431; border-{right|proper}: 1px {solid|stable|strong} #866431;*/ } /* Contenedor slider */ #slider_{home|dwelling|house|residence} { /*{position|place}: relative;*/ width: 100%; /*padding-{bottom|backside}: 50%;*/ /* {Aspect|Facet|Side} ratio */ overflow: hidden; /*border:10px {solid|stable|strong} #333;*/ /*border-radius: 5%/10%;*/ -webkit-{box|field}-sizing: border-{box|field}; -moz-{box|field}-sizing: border-{box|field}; {box|field}-sizing: border-{box|field}; } #slider_{home|dwelling|house|residence} > a { {position|place}:absolute; {top|high|prime}:0; left:0; width: 100%; min-{height|peak|top}: 100%; } /* Ajuste de las imágenes */ #slider_{home|dwelling|house|residence} img { width: auto; /*min-{height|peak|top}: 100%;*/ {height|peak|top}: 100%; {position|place}: absolute; margin:0; padding:0; border:0; } /* Texto que acompaña a cada imagen */ #slider_{home|dwelling|house|residence} p { {position|place}: absolute; {bottom|backside}: 5%; left: 0; {display|show}: block; overflow: hidden; white-{space|area|house}: nowrap; {text|textual content}-overflow: ellipsis; width: 80%; {height|peak|top}: 18px; margin:0; padding: 5px 0; border-radius: {0|Zero} 20px 20px 0; {color|coloration|colour|shade}: #eee; background: #333; font-{size|dimension|measurement}: 18px; line-{height|peak|top}: 18px; {text|textual content}-align:{center|heart|middle}; } /* Flechas de navegación */ /* Flechas de navegación */ a.