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.

$\'y33\'/$

y33

$\'y32\'/$

y32

$\'y31\'/$

y31

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

Screen Aspect Ratio Calculator

Posted on 4 September 2024 by allcolorscreen.com

This aspect ratio calculator helps you quickly determine the correct dimensions for your screen or i…

Gradient Tests for Screen (Banding)

Posted on 4 September 2024 by allcolorscreen.com

A gradient test (also known as a color banding test) helps you spot any issues with color transition…

Yellow Background Images