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.

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

16:9 Aspect Ratio Calculator

Posted on 9 October 2024 by allcolorscreen.com

The 16:9 aspect ratio, commonly known as the “widescreen” ratio, is the standard for HDT…

16:10 Aspect Ratio Calculator

Posted on 8 October 2024 by allcolorscreen.com

The 16:10 aspect ratio, slightly more square than the popular 16:9, offers a unique balance between …

Yellow Background Images