Yellow Background Images

6 February 2024

Yellow Background

Yellow, the color of sunshine, optimism, and creativity, possesses the unparalleled ability to elevate moods and inject vibrancy into any digital environment. In the realm of design, yellow background images are not just a choice; they are a statement.

$\'y2\'/$

y2

$\'y1\'/$

y1

"); $(document).find(".ays_gallery_body_2").append(aysGalleryContent_2); $( window ).resize(function() { $(document).find(".mosaic_2").Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: "tail" }); }); $(document).find('.ays_gallery_container_2 div.ays_grid_column_2').hover(function(){ $(this).find('.ays_hover_mask').css('animation-name', 'fadeIn'); $(this).find('.ays_hover_mask').css('animation-duration', '.5s'); $(this).find('.ays_hover_mask').css('opacity', '1'); }, function(){ $(this).find('.ays_hover_mask').css('animation-name', 'fadeOut'); $(this).find('.ays_hover_mask').css('animation-duration', '.5s'); $(this).find('.ays_hover_mask').css('opacity', '0'); }); $(document).find("ays_grid_column_2").on("mouseover", function(){ if($(this).find(".ays_hover_mask .ays_image_title").length != 0){ $(this).find(".ays_hover_mask>div:first-child").css("margin-bottom", "40px"); } }); $(document).find(".ays_grid_column_2 div.ays_hover_mask").find(".ays_image_url").on("click", function(e){ setTimeout(function(){ $(document).find(".lg-close.lg-icon").trigger("click"); },450); window.open($(this).attr("data-url"),"_blank"); }); $(document).find(".ays_grid_column_2 div.ays_link_whole_image_url").on("click", function(e){ setTimeout(function(){ $(document).find(".lg-close.lg-icon").trigger("click"); },450); window.open($(this).attr("data-url"),"_blank"); });$(document).find('.gpg_loader_2').css({'display': 'flex', 'animation-name': 'fadeIn'}); var aysgrid_2 = $("#ays_masonry_grid_2").masonry({ percentPosition: false, itemSelector: ".ays_masonry_grid-item", columnWidth: ".ays_masonry_item_2", transitionDuration: ".8s", gutter: 5, }); setTimeout(function(){ $(document).find(".ays_gallery_container_2 .mosaic_2").Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: "tail" }); aysgrid_2.masonry("layout"); },300); var gpgSearchLightboxOptions = { selector: ".gpgSearchContainer", share: true, hash: false, addClass:"ays_gpg_lightbox_2", fullScreen: true, autoplay: false, pause: 5000, mousewheel: true, keyPress: true, escKey: true, actualSize: true, pager: false, download: true, autoplayControls: true, counter: true, mode: "lg-slide", cssEasing: "cubic-bezier(0.250, 0.100, 0.250, 1.000)", easing: "cubic-bezier(0.250, 0.100, 0.250, 1.000)", thumbnail: true, showThumbByDefault: true, thumbWidth: 100, thumbContHeight: 100, thumbMargin: 5, toogleThumb: true, facebook: true, twitter: true, googlePlus: false, pinterest: true, facebookDropdownText: "Facebook", twitterDropdownText: "Twitter", googlePlusDropdownText: "", pinterestDropdownText: "Pinterest", speed: 600, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true }; /*AV Search Image*/ $(document).find("#inp_search_img_2").on("input", function(e) { var ays_for_srch_cont = $(document).find("#ays_grid_row_2 .ays_grid_column_2"); var this_val = $(this).val().toLowerCase(); for(var srch_i = 0; srch_i < ays_for_srch_cont.length; srch_i++){ var srch_desc = ays_for_srch_cont.eq(srch_i).data("desc").toLowerCase(); var srch_img_div = ays_for_srch_cont.eq(srch_i); srch_img_div.removeClass("gpgSearchContainer"); if(srch_desc.indexOf(this_val) == -1){ srch_img_div.fadeOut(400); setTimeout(function(){ aysgrid_2.masonry("layout"); }, 400); }else{ if(this_val == ""){ srch_img_div.removeClass("gpgSearchContainer"); }else{ srch_img_div.addClass("gpgSearchContainer"); } if($(this).parents("[class^=\"ays_gallery_container\"]").find(".ays_grid_row").length > 0){ if(parseInt(srch_img_div.css("margin-right")) == 0){ srch_img_div.css("margin-right","2.5px"); } } srch_img_div.fadeIn(400); setTimeout(function(){ aysgrid_2.masonry("layout"); }, 400); } } if(this_val != ""){ $(document).find("#ays_grid_row_2").data("lightGallery").destroy(true); $(document).find('#ays_grid_row_2').lightGallery(gpgSearchLightboxOptions); }else{ $(document).find("#ays_grid_row_2").data("lightGallery").destroy(true); $(document).find("#ays_grid_row_2").lightGallery({ selector: ".ays_grid_column_2", share: false, hash: false, addClass:"ays_gpg_lightbox_2", fullScreen: false, autoplay: false, pause: 5000, mousewheel: false, keyPress: false, actualSize: false, pager: false, download: false, autoplayControls: true, counter: true, showThumbByDefault: false, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true }); } });$(document).find('#ays_grid_row_2').lightGallery({ selector: '.ays_grid_column_2', hash: false, pager: false, addClass: 'lg_outer_gpg_2', fullScreen: true, mousewheel: true, keyPress: true, escKey: true, actualSize: true, download: true, autoplayControls: true, autoplay: false, pause: 5000, counter: true, mode: 'lg-slide', cssEasing: 'cubic-bezier(0.250, 0.100, 0.250, 1.000)', easing: 'cubic-bezier(0.250, 0.100, 0.250, 1.000)', thumbnail: true, showThumbByDefault: true, thumbWidth: 100, thumbContHeight: 100, thumbMargin: 5, toogleThumb: true, share: true, facebook: true, twitter: true, googlePlus: false, pinterest: true, facebookDropdownText: 'Facebook', twitterDropdownText: 'Twitter', googlePlusDropdownText: '', pinterestDropdownText: 'Pinterest', speed: 600, getCaptionFromTitleOrAlt: false, subHtmlSelectorRelative: true });$(document).find('.ays_gallery_container_2').imagesLoaded() .done( function( instance ){ $(document).find('.ays_gallery_container_2').css({'display': 'block', 'animation-name': 'fadeIn'}); $('#ays_grid_row_2 img.ays_gallery_image').each(function(){ var realWidth = this.width; var ratio = parseFloat(1)*realWidth; $(this).height(ratio); $(this).parent().find('.ays_hover_mask.animated').height(ratio); $(this).parent().height(ratio); }); $(document).find('.gpg_loader_2').css({'display': 'none', 'animation-name': 'fadeOut'}); $(document).find('.ays_gallery_container_2 .mosaic_2').Mosaic({ innerGap: 5, refitOnResize: true, showTailWhenNotEnoughItemsForEvenOneRow: true, maxRowHeight: 250, maxRowHeightPolicy: 'tail' }); setTimeout(function(){ aysgrid_2.masonry('layout'); },300); $(window).trigger('resize'); let ays_gallery_containers = $(document).find('.ays_gallery_container_2'); ays_gallery_containers.css({ position: 'static' }); ays_gallery_containers.parents().each(function(){ if($(this).css('position') == 'relative'){ $(this).css({ position: 'static' }); } }); }) .fail( function() { var errorImage = $('

Some of the images haven\'t been loaded

'); $(document).find('.ays_gallery_container_2').prepend(errorImage); $(document).find('.ays_gallery_container_2').css({'display': 'block', 'animation-name': 'fadeIn'}); $(document).find('.gpg_loader_2').css({'display': 'none', 'animation-name': 'fadeOut'}); $(document).find('.ays_masonry_item_2>img, .ays_mosaic_column_item_2>img, .ays_grid_column_2>img').each(function(e, img){ if(img.getAttribute('src') == '' || img.getAttribute('src') == undefined){ $(this).css('display', 'none'); $(this).parent().find('.ays_hover_mask').remove(); $(this).parent().find('.ays_image_loading_div').css({ 'opacity': '1', 'animation-name': 'tada', 'animation-duration': '.5s', 'display': 'block', 'padding-top': 'calc(100% - 25px)', }); $(this).parent().find('.ays_image_loading_div').find('img').css('position', 'static'); $(this).parent().find('.ays_image_loading_div').find('img').attr('src', 'https://allcolorscreen.com/wp-content/plugins/gallery-photo-gallery/public//images/error-404.png'); let ays_err_massage = $('Image not found!'); let img_parent = $(this).parent().find('.ays_image_loading_div').eq(0); img_parent.append(ays_err_massage); $(this).remove(); } }); setTimeout(function(){ aysgrid_2.masonry('layout'); $(window).trigger('resize'); },300); }); },1000); }); })(jQuery);