Hello our valued visitor, We present you the best web solutions and high quality graphic designs with a lot of features. just login to your account and enjoy ...

Искусственный камень выгодно отличается по всем параметрам. Он включает в себя все качества других материалов, при этом оставаясь абсолютно экологически чистым материалом с возможностью изготовления изделий любого размера и нестандартной формы. Подробнее

Фасад из гранита – это, пожалуй, самый эффективный способ придать даже неприметному на первый взгляд архитектурному сооружению элегантный и респектабельный внешний вид. Подробнее

Мода на камины в доме, всё больше набирающая популярность, скорее всего, объясняется тем фактом, что технический прогресс всё больше отрывает человека от природы. И открытый огонь – это попытка вернуться к корням. Подробнее

Напольное покрытие, и особенно это касается жилых домов, должно быть не только прочным и долговечным, но еще и комфортным при использовании. Подробнее

Напольное покрытие, и особенно это касается жилых домов, должно быть не только прочным и долговечным, но еще и комфортным при использовании. Подробнее

Как известно, мода развивается по спирали. Именно поэтому в современных интерьерах вновь появляются классические колонны из камня. Подробнее

На сегодняшний день существуют различные стройматериалы, с помощью которых можно создать аккуратные дорожки в саду или оформить тротуары.   НАШИ РАБОТЫ   #wds_container1_0 #wds_container2_0 { text-align: center; margin: 0px ; visibility: hidden; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0 { background-color: rgba(0, 0, 0, 0.00); border-width: 0px; border-style: none; border-color: #000000; border-radius: ; border-collapse: collapse; display: inline-block; position: relative; text-align: center; width: 100%; max-width: 800px; box-shadow: ; overflow: hidden; z-index: 0; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_0 { padding: 0 !important; margin: 0 !important; float: none !important; vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_container_0 { display: table; position: absolute; text-align: center; none: 0px; vertical-align: middle; width: 100%; height: inherit; } @media only screen and (min-width: 0px) and (max-width: 320px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 16px; width: 192px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 12px; width: 12px; margin: 2px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 20px; height: 20px; width: 20px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 20px; font-size: 20px; width: 20px; } } @media only screen and (min-width: 321px) and (max-width: 480px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 22px; width: 264px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 18px; width: 18px; margin: 2px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 30px; height: 30px; width: 30px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 30px; font-size: 30px; width: 30px; } } @media only screen and (min-width: 481px) and (max-width: 640px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 30px; width: 360px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 24px; width: 24px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 641px) and (max-width: 768px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 769px) and (max-width: 800px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 801px) and (max-width: 1024px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 1025px) and (max-width: 1366px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 1367px) and (max-width: 1824px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } @media only screen and (min-width: 1825px) and (max-width: 3000px) { #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { height: 31px; width: 372px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { font-size: 25px; width: 25px; margin: 3px; } #wds_container1_0 #wds_container2_0 .wds_pp_btn_cont { font-size: 40px; height: 40px; width: 40px; } #wds_container1_0 #wds_container2_0 .wds_left_btn_cont, #wds_container1_0 #wds_container2_0 .wds_right_btn_cont { height: 40px; font-size: 40px; width: 40px; } } #wds_container1_0 #wds_container2_0 .wds_slideshow_video_0 { padding: 0 !important; margin: 0 !important; float: none !important; width: 100%; vertical-align: middle; display: inline-block; } #wds_container1_0 #wds_container2_0 #wds_slideshow_play_pause_0 { color: #000000; cursor: pointer; position: relative; z-index: 13; width: inherit; height: inherit; font-size: inherit; } #wds_container1_0 #wds_container2_0 #wds_slideshow_play_pause_0:hover { color: #000000; cursor: pointer; } #wds_container1_0 #wds_container2_0 .wds_left-ico_0, #wds_container1_0 #wds_container2_0 .wds_right-ico_0 { background-color: rgba(255, 255, 255, 0.50); border-radius: 20px; border: 0px none #FFFFFF; border-collapse: separate; color: #000000; left: 0; top: 0; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; line-height: 0; width: inherit; height: inherit; font-size: inherit; position: absolute; } #wds_container1_0 #wds_container2_0 .wds_left-ico_0 { left: -4000px; } #wds_container1_0 #wds_container2_0 .wds_right-ico_0 { left: 4000px; } #wds_container1_0 #wds_container2_0 #wds_slideshow_play_pause_0 { opacity: 0; filter: "Alpha(opacity=0)"; } #wds_container1_0 #wds_container2_0 .wds_left-ico_0:hover, #wds_container1_0 #wds_container2_0 .wds_right-ico_0:hover { color: #000000; cursor: pointer; } /* Filmstrip*/ #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_container_0 { background-color: #000000 !important; display: /*table*/block; height: 0px; position: absolute; width: 100%; z-index: 10105; none: 0; overflow: hidden; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_0 { overflow: hidden; position: absolute; width: 100%; width: 100%; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_thumbnails_0 { height: inherit; left: 0px; margin: 0 auto; overflow: hidden; position: relative; width: 0px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_thumbnail_0 { position: relative; background: none; cursor: pointer; float: left; height: inherit; margin: 0 0px; width: 0px; overflow: hidden; } #wds_container1_0 #wds_container2_0 .wds_slideshow_thumb_active_0 div { opacity: 1; filter: Alpha(opacity=100); border: 0px none #FFFFFF; } #wds_container1_0 #wds_container2_0 .wds_slideshow_thumb_deactive_0 { opacity: 0.50; filter: Alpha(opacity=50); } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_thumbnail_img_0 { display: block; opacity: 1; filter: Alpha(opacity=100); padding: 0 !important; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 0px; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_left_0, #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_right_0 { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; display: table; vertical-align: middle; width: 20px; z-index: 10000; position: absolute; height: inherit; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_left_0 { left: 0; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_right_0 { right: 0; } #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_left_0 i, #wds_container1_0 #wds_container2_0 .wds_slideshow_filmstrip_right_0 i { color: #FFFFFF; display: table-cell; font-size: 20px; vertical-align: middle; } #wds_container1_0 #wds_container2_0 .wds_none_selectable_0 { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #wds_container1_0 #wds_container2_0 .wds_slide_container_0 { display: table-cell; margin: 0 auto; position: absolute; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } #wds_container1_0 #wds_container2_0 .wds_slide_bg_0 { margin: 0 auto; width: inherit; height: inherit; } #wds_container1_0 #wds_container2_0 .wds_slider_0 { height: inherit; width: inherit; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_spun_0 { width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; vertical-align: middle; z-index: 2; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_second_spun_0 { width: inherit; height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; vertical-align: middle; z-index: 1; } #wds_container1_0 #wds_container2_0 .wds_grid_0 { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } #wds_container1_0 #wds_container2_0 .wds_gridlet_0 { opacity: 1; filter: Alpha(opacity=100); position: absolute; } /* Dots.*/ #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_container_0 { display: block; overflow: hidden; position: absolute; width: 100%; bottom: 0px; /*z-index: 17;*/ } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_thumbnails_0 { left: 0px; font-size: 0; margin: 0 auto; position: relative; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 { display: inline-block; position: relative; color: #FFFFFF; cursor: pointer; z-index: 17; } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_active_0 { color: #FFFFFF; opacity: 1; filter: Alpha(opacity=100); } #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_deactive_0 { } /* Timer.*/ #wds_container1_0 #wds_container2_0 .wds_line_timer_container_0 { display: block; position: absolute; overflow: hidden; top: 0px; z-index: 16; width: 100%; height: 5px; } #wds_container1_0 #wds_container2_0 .wds_line_timer_0 { z-index: 17; width: 0; height: 5px; background: #FFFFFF; opacity: 0.50; filter: alpha(opacity=50); } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_spun1_0 { display: table; width: inherit; height: inherit; } #wds_container1_0 #wds_container2_0 .wds_slideshow_image_spun2_0 { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } var wds_data_0 = []; var wds_event_stack_0 = []; var wds_clear_layers_effects_in_0 = []; var wds_clear_layers_effects_out_0 = []; var wds_clear_layers_effects_out_before_change_0 = []; if (0) { var wds_duration_for_change_0 = 500; var wds_duration_for_clear_effects_0 = 530; } else { var wds_duration_for_change_0 = 0; var wds_duration_for_clear_effects_0 = 0; } wds_clear_layers_effects_in_0["0"] = []; wds_clear_layers_effects_out_0["0"] = []; wds_clear_layers_effects_out_before_change_0["0"] = []; wds_data_0["0"] = []; wds_data_0["0"]["id"] = "68"; wds_data_0["0"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/1.jpg"; wds_data_0["0"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/1.jpg"; wds_data_0["0"]["is_video"] = ""; wds_data_0["0"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["1"] = []; wds_clear_layers_effects_out_0["1"] = []; wds_clear_layers_effects_out_before_change_0["1"] = []; wds_data_0["1"] = []; wds_data_0["1"]["id"] = "69"; wds_data_0["1"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/2.jpg"; wds_data_0["1"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/2.jpg"; wds_data_0["1"]["is_video"] = ""; wds_data_0["1"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["2"] = []; wds_clear_layers_effects_out_0["2"] = []; wds_clear_layers_effects_out_before_change_0["2"] = []; wds_data_0["2"] = []; wds_data_0["2"]["id"] = "70"; wds_data_0["2"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/3.jpg"; wds_data_0["2"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/3.jpg"; wds_data_0["2"]["is_video"] = ""; wds_data_0["2"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["3"] = []; wds_clear_layers_effects_out_0["3"] = []; wds_clear_layers_effects_out_before_change_0["3"] = []; wds_data_0["3"] = []; wds_data_0["3"]["id"] = "71"; wds_data_0["3"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/4.jpg"; wds_data_0["3"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/4.jpg"; wds_data_0["3"]["is_video"] = ""; wds_data_0["3"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["4"] = []; wds_clear_layers_effects_out_0["4"] = []; wds_clear_layers_effects_out_before_change_0["4"] = []; wds_data_0["4"] = []; wds_data_0["4"]["id"] = "72"; wds_data_0["4"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/5.jpg"; wds_data_0["4"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/5.jpg"; wds_data_0["4"]["is_video"] = ""; wds_data_0["4"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["5"] = []; wds_clear_layers_effects_out_0["5"] = []; wds_clear_layers_effects_out_before_change_0["5"] = []; wds_data_0["5"] = []; wds_data_0["5"]["id"] = "73"; wds_data_0["5"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/6.jpg"; wds_data_0["5"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/6.jpg"; wds_data_0["5"]["is_video"] = ""; wds_data_0["5"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["6"] = []; wds_clear_layers_effects_out_0["6"] = []; wds_clear_layers_effects_out_before_change_0["6"] = []; wds_data_0["6"] = []; wds_data_0["6"]["id"] = "74"; wds_data_0["6"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/7.jpg"; wds_data_0["6"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/7.jpg"; wds_data_0["6"]["is_video"] = ""; wds_data_0["6"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["7"] = []; wds_clear_layers_effects_out_0["7"] = []; wds_clear_layers_effects_out_before_change_0["7"] = []; wds_data_0["7"] = []; wds_data_0["7"]["id"] = "75"; wds_data_0["7"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/8.jpg"; wds_data_0["7"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/8.jpg"; wds_data_0["7"]["is_video"] = ""; wds_data_0["7"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["8"] = []; wds_clear_layers_effects_out_0["8"] = []; wds_clear_layers_effects_out_before_change_0["8"] = []; wds_data_0["8"] = []; wds_data_0["8"]["id"] = "76"; wds_data_0["8"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/9.jpg"; wds_data_0["8"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/9.jpg"; wds_data_0["8"]["is_video"] = ""; wds_data_0["8"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["9"] = []; wds_clear_layers_effects_out_0["9"] = []; wds_clear_layers_effects_out_before_change_0["9"] = []; wds_data_0["9"] = []; wds_data_0["9"]["id"] = "77"; wds_data_0["9"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/10.jpg"; wds_data_0["9"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/10.jpg"; wds_data_0["9"]["is_video"] = ""; wds_data_0["9"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["10"] = []; wds_clear_layers_effects_out_0["10"] = []; wds_clear_layers_effects_out_before_change_0["10"] = []; wds_data_0["10"] = []; wds_data_0["10"]["id"] = "78"; wds_data_0["10"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/11.jpg"; wds_data_0["10"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/11.jpg"; wds_data_0["10"]["is_video"] = ""; wds_data_0["10"]["slide_layers_count"] = 0; wds_clear_layers_effects_in_0["11"] = []; wds_clear_layers_effects_out_0["11"] = []; wds_clear_layers_effects_out_before_change_0["11"] = []; wds_data_0["11"] = []; wds_data_0["11"]["id"] = "79"; wds_data_0["11"]["image_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/12.jpg"; wds_data_0["11"]["thumb_url"] = "http://elitkam.by/media/com_slider_wd/uploads/brus/thumb/12.jpg"; wds_data_0["11"]["is_video"] = ""; wds_data_0["11"]["slide_layers_count"] = 0; var wds_trans_in_progress_0 = false; var wds_transition_duration_0 = 800; var wds_playInterval_0; var progress = 0; /* Stop autoplay.*/ window.clearInterval(wds_playInterval_0); var wds_current_key_0 = '0'; var wds_current_filmstrip_pos_0 = 0; /* Set filmstrip initial position.*/ function wds_set_filmstrip_pos_0(filmStripWidth) { var selectedImagePos = -wds_current_filmstrip_pos_0 - (jQuery(".wds_slideshow_filmstrip_thumbnail_0").width() + 0) / 2; var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_0").width(), selectedImagePos + filmStripWidth / 2)); jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: imagesContainerLeft }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } function wds_move_filmstrip_0() { var image_left = jQuery(".wds_slideshow_thumb_active_0").position().left; var image_right = jQuery(".wds_slideshow_thumb_active_0").position().left + jQuery(".wds_slideshow_thumb_active_0").outerWidth(true); var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_0").outerWidth(true); var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_0").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_0").position().left) + wds_filmstrip_width; if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: -image_left }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_filmstrip_thumbnails_0").animate({ left: -(image_right - wds_filmstrip_width) }, { duration: 500, complete: function () { wds_filmstrip_arrows_0(); } }); } } function wds_move_dots_0() { var image_left = jQuery(".wds_slideshow_dots_active_0").position().left; var image_right = jQuery(".wds_slideshow_dots_active_0").position().left + jQuery(".wds_slideshow_dots_active_0").outerWidth(true); var wds_dots_width = jQuery(".wds_slideshow_dots_container_0").outerWidth(true); var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_0").outerWidth(true); var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_0").position().left; var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_0").position().left) + wds_dots_width; if (wds_dots_width > wds_dots_thumbnails_width) { return; } if (image_left < Math.abs(long_filmstrip_cont_left)) { jQuery(".wds_slideshow_dots_thumbnails_0").animate({ left: -image_left }, { duration: 500 }); } else if (image_right > long_filmstrip_cont_right) { jQuery(".wds_slideshow_dots_thumbnails_0").animate({ left: -(image_right - wds_dots_width) }, { duration: 500 }); } } /* Show/hide filmstrip arrows.*/ function wds_filmstrip_arrows_0() { if (jQuery(".wds_slideshow_filmstrip_thumbnails_0").width() < jQuery(".wds_slideshow_filmstrip_0").width()) { jQuery(".wds_slideshow_filmstrip_left_0").hide(); jQuery(".wds_slideshow_filmstrip_right_0").hide(); } else { jQuery(".wds_slideshow_filmstrip_left_0").show(); jQuery(".wds_slideshow_filmstrip_right_0").show(); } } function wds_testBrowser_cssTransitions_0() { return wds_testDom_0('Transition'); } function wds_testBrowser_cssTransforms3d_0() { return wds_testDom_0('Perspective'); } function wds_testDom_0(prop) { /* Browser vendor CSS prefixes.*/ var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; /* Browser vendor DOM prefixes.*/ var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function wds_set_dots_class_0() { jQuery(".wds_slideshow_dots_0").removeClass("wds_slideshow_dots_active_0").addClass("wds_slideshow_dots_deactive_0"); jQuery("#wds_dots_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_dots_deactive_0").addClass("wds_slideshow_dots_active_0"); jQuery(".wds_slideshow_dots_0").removeClass("fa-circle").addClass("fa-circle-o"); jQuery("#wds_dots_" + wds_current_key_0 + "_0").removeClass("fa-circle-o").addClass("fa-circle"); } function wds_grid3d_0(cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_0) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ width : "100%", height : "100%", transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden', overflow: 'hidden' }).append(jQuery('').css({ width : jQuery(".wds_slideshow_image_spun_0").width() + "px", height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); var grid_div2 = jQuery('').css({ width : "100%", height : "100%", backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)', overflow: 'hidden' }).append(jQuery('').css({ width : jQuery(".wds_slideshow_image_spun_0").width() + "px", height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src2, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat', })); return jQuery('').css({ width : width, height : height, top : top, left : left, transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing + ' ' + delay + 'ms', transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', }).append(grid_div).append(grid_div2); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('div'); var next_img = jQuery(next_image_class).find('div'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_0').css('perspective', 1000); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_0"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'), imgSrcNext = next_img.css('background-image'), colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_0").width() - cur_img.width()) / 2; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_0").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Execution steps.*/ setTimeout(function () { grid.children().css({ transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_slic3DH_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_0(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_0(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slic3DV_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_0(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_grid3d_0(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_slicR3DH_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_grid3d_0(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_0(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_slicR3DV_0(current_image_class, next_image_class, direction) { var dimension = jQuery(current_image_class).height() / 2; if (direction == 'right') { wds_grid3d_0(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } else if (direction == 'left') { wds_grid3d_0(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out'); } } function wds_parallelSlide_0(ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_0()) { return wds_fallback3d_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); jQuery(current_image_class).css({ position : 'absolute', top : '0px', left : '0px', position : 'absolute', }); jQuery(next_image_class).css({ position : 'absolute', top : ni_top + 'px', left : ni_left + 'px', 'opacity' : 1, filter : 'Alpha(opacity=100)', position : 'absolute', }); jQuery(".wds_slider_0").css({ position : 'relative', 'backface-visibility': 'hidden' }); jQuery(".wds_slide_bg_0").css({ overflow : 'hidden', }); /* Execution steps.*/ setTimeout(function () { jQuery('.wds_slider_0').css({ transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing, transform : 'translateX(' + tx + 'px) translateY(' + ty + 'px)', }); }, 1); /* After transition.*/ jQuery('.wds_slider_0').one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_0").removeAttr('style'); jQuery(".wds_slide_bg_0").removeAttr('style'); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_parallelSlideH_0(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_0(width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_0(-width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_parallelSlideV_0(current_image_class, next_image_class, direction) { var width = jQuery(current_image_class).width(); var height = jQuery(current_image_class).height(); if (direction == 'right') { wds_parallelSlide_0(0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out'); } else if (direction == 'left') { wds_parallelSlide_0(0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out'); } } function wds_cube_0(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } if (!wds_testBrowser_cssTransforms3d_0()) { return wds_fallback3d_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); jQuery(".wds_slide_container_0").css('overflow', 'visible'); jQuery(".wds_slideshow_image_spun2_0").css('overflow', 'visible'); jQuery(".wds_slideshow_image_wrap_0").css('overflow', 'visible'); var filmstrip_position = 'none'; if (filmstrip_position == 'none') { jQuery(".wds_slideshow_image_0").css('border-radius', jQuery(".wds_slideshow_image_wrap_0").css('border-radius')); } else { jQuery(".wds_slideshow_image_0").css('border-radius', ''); jQuery(".wds_slideshow_filmstrip_container_0").css('border-radius', ''); if (filmstrip_position == 'top') { jQuery(".wds_slideshow_image_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-right-radius', 0); } else if (filmstrip_position == 'bottom') { jQuery(".wds_slideshow_image_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-right-radius', 0); } else if (filmstrip_position == 'right') { jQuery(".wds_slideshow_image_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-left-radius', 0); } else if (filmstrip_position == 'left') { jQuery(".wds_slideshow_image_0").css('border-bottom-left-radius', 0); jQuery(".wds_slideshow_image_0").css('border-top-left-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-bottom-right-radius', 0); jQuery(".wds_slideshow_filmstrip_container_0").css('border-top-right-radius', 0); } } jQuery(".wds_slide_bg_0").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', zIndex: 2, backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".wds_slider_0").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d', position: 'absolute' }); /* Execution steps.*/ setTimeout(function () { jQuery(".wds_slider_0").css({ transition: 'all ' + wds_transition_duration_0 + 'ms ' + easing, transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".wds_slider_0").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans)); function wds_after_trans() { jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".wds_slider_0").removeAttr('style'); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } jQuery(".wds_slide_container_0").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_spun2_0").css('overflow', 'hidden'); jQuery(".wds_slideshow_image_wrap_0").css('overflow', 'hidden'); } } function wds_cubeR_0(current_image_class, next_image_class, direction) { var random_direction = Math.floor(Math.random() * 2); var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2; if (direction == 'right') { if (random_direction) { wds_cube_0(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_0(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } else if (direction == 'left') { if (random_direction) { wds_cube_0(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else { wds_cube_0(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } } function wds_cubeH_0(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { wds_cube_0(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_0(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } function wds_cubeV_0(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { wds_cube_0(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } else if (direction == 'left') { wds_cube_0(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } } /* For browsers that does not support transitions.*/ function wds_fallback_0(current_image_class, next_image_class, direction) { wds_fade_0(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function wds_fallback3d_0(current_image_class, next_image_class, direction) { wds_sliceV_0(current_image_class, next_image_class, direction); } function wds_none_0(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); } function wds_fade_0(current_image_class, next_image_class, direction) { /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); if (wds_testBrowser_cssTransitions_0()) { jQuery(next_image_class).css('transition', 'opacity ' + wds_transition_duration_0 + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, wds_transition_duration_0); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: wds_transition_duration_0, complete: function () { } }); /* For IE.*/ jQuery(current_image_class).fadeTo(wds_transition_duration_0, 0); jQuery(next_image_class).fadeTo(wds_transition_duration_0, 1); } } function wds_grid_0(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) { /* If browser does not support CSS transitions.*/ if (!wds_testBrowser_cssTransitions_0()) { return wds_fallback_0(current_image_class, next_image_class, direction); } wds_trans_in_progress_0 = true; /* Set active thumbnail.*/ jQuery(".wds_slideshow_filmstrip_thumbnail_0").removeClass("wds_slideshow_thumb_active_0").addClass("wds_slideshow_thumb_deactive_0"); jQuery("#wds_filmstrip_thumbnail_" + wds_current_key_0 + "_0").removeClass("wds_slideshow_thumb_deactive_0").addClass("wds_slideshow_thumb_active_0"); wds_set_dots_class_0(); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (wds_transition_duration_0) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function wds_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ var grid_div = jQuery('').css({ width : imgWidth,/*"100%"*/ height : jQuery(".wds_slideshow_image_spun_0").height() + "px", top : -top, left : -left, backgroundImage : src, backgroundSize: jQuery(".wds_slideshow_image_0").css("background-size"), backgroundPosition: jQuery(".wds_slideshow_image_0").css("background-position"), /*backgroundColor: jQuery(".wds_slideshow_image_wrap_0").css("background-color"),*/ backgroundRepeat: 'no-repeat' }); return jQuery('').css({ width : width,/*"100%"*/ height : height, top : top, left : left, backgroundSize : imgWidth + 'px ' + imgHeight + 'px', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundRepeat: 'no-repeat', overflow: "hidden", transition : 'all ' + wds_transition_duration_0 + 'ms ' + easing + ' ' + delay + 'ms', transform : 'none' }).append(grid_div); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('div'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('').addClass('wds_grid_0'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".wds_slide_bg_0"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.css('background-image'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".wds_slide_bg_0").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".wds_slide_bg_0").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) rotateY('+ roy +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ var cccount = 0; var obshicccount = cols * rows; grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each)); function wds_after_trans_each() { if (++cccount == obshicccount) { wds_after_trans(); } } function wds_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); wds_trans_in_progress_0 = false; if (typeof wds_event_stack_0 !== 'undefined') { if (wds_event_stack_0.length > 0) { key = wds_event_stack_0[0].split("-"); wds_event_stack_0.shift(); wds_change_image_0(key[0], key[1], wds_data_0, true); } } } } function wds_sliceH_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_0(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_sliceV_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } wds_grid_0(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_slideV_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } wds_grid_0(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_slideH_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } wds_grid_0(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)'); } function wds_scaleOut_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_scaleIn_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScale_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blockScaleR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out'); } function wds_blindR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_tilesR_0(current_image_class, next_image_class, direction) { wds_grid_0(8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out'); } function wds_kaleidoscope_0(current_image_class, next_image_class, direction) { wds_grid_0(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_fan_0(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } wds_grid_0(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindV_0(current_image_class, next_image_class, direction) { wds_grid_0(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_blindH_0(current_image_class, next_image_class, direction) { wds_grid_0(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out'); } function wds_random_0(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_0"](current_image_class, next_image_class, direction); } function wds_3Drandom_0(current_image_class, next_image_class, direction) { var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV']; /* Pick a random transition from the anims array.*/ this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_0"](current_image_class, next_image_class, direction); } function iterator_0() { var iterator = 1; if (0) { iterator = Math.floor((wds_data_0.length - 1) * Math.random() + 1); } return iterator; } function wds_change_image_0(current_key, key, wds_data_0, from_effect) { /* Pause videos.*/ jQuery("#wds_slideshow_image_container_0").find("iframe").each(function () { jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*"); }); if (wds_data_0[key]) { /*if (jQuery('.wds_ctrl_btn_0').hasClass('fa-pause') || ('')) { play_0(); }*/ if (!from_effect) { /* Change image key.*/ jQuery("#wds_current_image_key_0").val(key); if (current_key == '-1') { /* Filmstrip.*/ current_key = jQuery(".wds_slideshow_thumb_active_0").children("img").attr("image_key"); } else if (current_key == '-2') { /* Dots.*/ current_key = jQuery(".wds_slideshow_dots_active_0").attr("image_key"); } } if (wds_trans_in_progress_0) { wds_event_stack_0.push(current_key + '-' + key); return; } var direction = 'right'; if (wds_current_key_0 > key) { var direction = 'left'; } else if (wds_current_key_0 == key) { return; } /* Set active thumbnail position.*/ wds_current_filmstrip_pos_0 = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_0").width() + 2 + 2 * 0); wds_current_key_0 = key; /* Change image id, title, description.*/ jQuery("#wds_slideshow_image_0").attr('image_id', wds_data_0[key]["id"]); var current_image_class = "#image_id_0_" + wds_data_0[current_key]["id"]; var next_image_class = "#image_id_0_" + wds_data_0[key]["id"]; if (!wds_data_0[key]["is_video"]) { jQuery(next_image_class).find("div").css("background-image", "url('" + wds_data_0[key]["image_url"] + "')"); } var current_slide_layers_count = wds_data_0[current_key]["slide_layers_count"]; var next_slide_layers_count = wds_data_0[key]["slide_layers_count"]; /* Clear layers before image change.*/ function set_layer_effect_out_before_change(m) { wds_clear_layers_effects_out_before_change_0[current_key][m] = setTimeout(function() { if (wds_data_0[current_key]["layer_" + m + "_type"] != 'social') { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_0[current_key]["layer_" + m + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's'); jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_0[current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data_0[current_key]["layer_" + m + "_social_button"] + ' animated'); } }, 10); } if (0) { for (var m = 0; m < current_slide_layers_count; m++) { if (jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + m + "_id"]).css('opacity') != 0) { set_layer_effect_out_before_change(m); } } } /* Loop through current slide layers for clear effects.*/ setTimeout(function() { for (var k = 0; k < current_slide_layers_count; k++) { clearTimeout(wds_clear_layers_effects_in_0[current_key][k]); clearTimeout(wds_clear_layers_effects_out_0[current_key][k]); if (wds_data_0[current_key]["layer_" + k + "_type"] != 'social') { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_'+ wds_data_0[current_key]["layer_" + k + "_id"]); } else { jQuery('#wds_0_slide' + wds_data_0[current_key]["id"] + '_layer' + wds_data_0[current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data_0[current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data_0[current_key]["layer_" + k + "_id"]); } } }, wds_duration_for_clear_effects_0); /* Effects out part.*/ function set_layer_effect_out(i) { wds_clear_layers_effects_out_0[key][i] = setTimeout(function() { if (wds_data_0[key]["layer_" + i + "_layer_effect_out"] != 'none') { if (wds_data_0[key]["layer_" + i + "_type"] != 'social') { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + i + "_layer_effect_out"] + ' animated'); } else { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + i + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_0[key]["layer_" + i + "_social_button"] + ' animated'); } } }, wds_data_0[key]["layer_" + i + "_end"]); } /* Effects in part.*/ function set_layer_effect_in(j) { wds_clear_layers_effects_in_0[key][j] = setTimeout(function() { if (wds_data_0[key]["layer_" + j + "_type"] != 'social') { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + j + "_layer_effect_in"] + ' animated'); } else { jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).css('-webkit-animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_0[key]["layer_" + j + "_duration_eff_out"] / 1000 + 's'); jQuery('#wds_0_slide' + wds_data_0[key]["id"] + '_layer' + wds_data_0[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_0[key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_0[key]["layer_" + j + "_social_button"] + ' animated'); } }, wds_data_0[key]["layer_" + j + "_start"]); } /* Loop through layers in.*/ for (var j = 0; j < next_slide_layers_count; j++) { set_layer_effect_in(j); } /* Loop through layers out.*/ for (var i = 0; i < next_slide_layers_count; i++) { set_layer_effect_out(i); } setTimeout(function() { if (typeof jQuery().finish !== 'undefined') { if (jQuery.isFunction(jQuery().finish)) { jQuery(".wds_line_timer_0").finish(); } } jQuery(".wds_line_timer_0").css({width: 0}); wds_fade_0(current_image_class, next_image_class, direction); wds_move_dots_0(); if (wds_data_0[key]["is_video"]) { jQuery("#wds_slideshow_play_pause_0").css({display: 'none'}); } else { jQuery("#wds_slideshow_play_pause_0").css({display: ''}); } }, wds_duration_for_change_0); } } function wds_resize_slider_0() { var slide_orig_width = 800; var slide_orig_height = 300; var slide_width = jQuery("#wds_container1_0").parent().width(); if (slide_orig_width slide_width) { slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width); } jQuery(".wds_slideshow_image_wrap_0, #wds_container2_0").height(slide_height + 0); jQuery(".wds_slideshow_image_container_0").height(slide_height); jQuery(".wds_slideshow_image_0").height(slide_height); jQuery(".wds_slideshow_video_0").height(slide_height); jQuery(".wds_slideshow_image_0 img").each(function () { var wds_theImage = new Image(); wds_theImage.src = jQuery(this).attr("src"); var wds_origWidth = wds_theImage.width; var wds_origHeight = wds_theImage.height; var wds_imageWidth = jQuery(this).attr("wds_image_width"); var wds_imageHeight = jQuery(this).attr("wds_image_height"); var wds_width = wds_imageWidth; if (wds_origWidth

На сегодняшний день существуют различные стройматериалы, с помощью которых можно создать аккуратные дорожки в саду или оформить тротуары. Подробнее