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.

$\'y29\'/$

y29

$\'y28\'/$

y28

$\'y27\'/$

y27

$\'y26\'/$

y26

$\'y25\'/$

y25

$\'y24\'/$

y24

$\'y23\'/$

y23

$\'y22\'/$

y22

$\'y21\'/$

y21

$\'y19\'/$

y19

$\'y18\'/$

y18

$\'y17\'/$

y17

$\'y16\'/$

y16

$\'y15\'/$

y15

$\'y14\'/$

y14

$\'y13\'/$

y13

$\'y12\'/$

y12

$\'y11\'/$

y11

$\'y9\'/$

y9

$\'y8\'/$

y8

$\'y7\'/$

y7

$\'y6\'/$

y6

$\'y5\'/$

y5

$\'y4\'/$

y4

$\'y3\'/$

y3

$\'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);

Latest post

Motion Picture Response Time

Posted on 26 May 2024 by allcolorscreen.com

This test will help you evaluate how quickly your monitor can transition between different colors an…

Gamma Calibration Test

Posted on 26 May 2024 by allcolorscreen.com

This quick and easy test will guide you in evaluating and calibrating the gamma setting of your moni…

Yellow Background Images