Background Image Slideshow Using Javascript Codehim

Background Image Slideshow Using Javascript Codehim Here is a free code snippet to create a background image slideshow using javascript. you can view demo and download the source code. Well organized and easy to understand web building tutorials with lots of examples of how to use html, css, javascript, sql, python, php, bootstrap, java, xml and more.

Background Image Slideshow Using Javascript Codehim Change styles with css, include an external web page using an or add your own custom behavior using our javascript api. the framework comes with a broad range of features including nested slides, markdown support, auto animate, pdf export, speaker notes, latex support and syntax highlighted code. ready to get started?. Explore javascript slideshow examples with autoplay, touch navigation, fading transitions, and dynamic content. perfect for portfolios, hero sections, and image galleries. A bold, content rich slider built around game themed visuals with custom typography and layered text overlays. each slide features a full bleed background image paired with large titles, descriptive text, and content blocks — creating the kind of immersive, information dense presentation you see on game storefronts and entertainment platforms. An image slider or image carousel is a popular feature on websites that allows us to display multiple images within a limited space. it helps showcase attractive and dynamic visuals to engage visitors effectively.</p> </section> <section class="col-md-12"> <figure>  <img alt="Slideshow Javascript With Buttons Codehim" title="Slideshow Javascript With Buttons Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" class="center lazyload" data-src="https://www.codehim.com/wp-content/uploads/2023/10/Slideshow-JavaScript-with-Buttons-326x245.png"> <figcaption><small>Slideshow Javascript With Buttons Codehim</small></figcaption> </figure> <p itemprop=""><strong>Slideshow Javascript With Buttons Codehim</strong> A bold, content rich slider built around game themed visuals with custom typography and layered text overlays. each slide features a full bleed background image paired with large titles, descriptive text, and content blocks — creating the kind of immersive, information dense presentation you see on game storefronts and entertainment platforms. An image slider or image carousel is a popular feature on websites that allows us to display multiple images within a limited space. it helps showcase attractive and dynamic visuals to engage visitors effectively. This is a hand picked list of 10 best javascript & pure css solutions to create background slideshows that attract user's attention and increase engagement & conversion rates on the modern web app. A lightweigth javascript & css code to create background image slideshow for your frontend web project. it creates image slideshow with caption text. Learn how to implement a `background image slideshow` on your website using simple javascript, html, and css. follow our step by step guide for a stunning visual effect!. I'm trying to implement a simple background image slideshow on my website but i can't find a good tutorial on the internet so i thought i'd ask here. html: <body> <h3>welcome!< h1.</p> </section> <section class="col-md-12"> <figure>  <img alt="19 Slideshow In Html Css Javascript" title="19 Slideshow In Html Css Javascript" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" class="center lazyload" data-src="https://www.codehim.com/wp-content/uploads/2020/03/justified-image-grid-slideshow-768x577.png"> <figcaption><small>19 Slideshow In Html Css Javascript</small></figcaption> </figure> <p itemprop=""><strong>19 Slideshow In Html Css Javascript</strong> This is a hand picked list of 10 best javascript & pure css solutions to create background slideshows that attract user's attention and increase engagement & conversion rates on the modern web app. A lightweigth javascript & css code to create background image slideshow for your frontend web project. it creates image slideshow with caption text. Learn how to implement a `background image slideshow` on your website using simple javascript, html, and css. follow our step by step guide for a stunning visual effect!. I'm trying to implement a simple background image slideshow on my website but i can't find a good tutorial on the internet so i thought i'd ask here. html: <body> <h3>welcome!< h1.</p> </section> <section class="col-md-12"> <figure>  <img alt="Javascript Quotes Slideshow With Images Codehim" title="Javascript Quotes Slideshow With Images Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" class="center lazyload" data-src="https://www.codehim.com/wp-content/uploads/2022/05/JavaScript-Quotes-Slideshow.png"> <figcaption><small>Javascript Quotes Slideshow With Images Codehim</small></figcaption> </figure> <p itemprop=""><strong>Javascript Quotes Slideshow With Images Codehim</strong> Learn how to implement a `background image slideshow` on your website using simple javascript, html, and css. follow our step by step guide for a stunning visual effect!. I'm trying to implement a simple background image slideshow on my website but i can't find a good tutorial on the internet so i thought i'd ask here. html: <body> <h3>welcome!< h1.</p> </section> <aside class="col-md-12"> <div class="ad"> <p></p> </div> <div> <p>So, without further ado, let your Background Image Slideshow Using Javascript Codehim journey unfold. Immerse yourself in the captivating realm of Background Image Slideshow Using Javascript Codehim, and let your passion soar to new heights.</p> </div> <section class="col-md-12"> <div class="ad">  </div> <figure class="center">  <div class="video-container" itemscope itemtype="https://schema.org/VideoObject"> <meta itemprop="name" content="Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short"> <meta itemprop="description" content="Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short"> <meta itemprop="thumbnailUrl" content="https://img.youtube.com/vi/7E6eAC6WD7A/maxresdefault.jpg"> <meta itemprop="uploadDate" content="2026-04-06T01:31:03+00:00"> <meta itemprop="embedUrl" content="https://www.youtube.com/embed/7E6eAC6WD7A">  <div class="video-thumbnail" onclick="loadYouTubeVideo(this.parentElement, '7E6eAC6WD7A', 'Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short')"> <img decoding="async" src="https://img.youtube.com/vi/7E6eAC6WD7A/maxresdefault.jpg" alt="Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short" title="Click to play video: Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short" onerror="this.onerror=null; this.src='https://img.youtube.com/vi/7E6eAC6WD7A/hqdefault.jpg';"> <div class="video-play-button"></div> </div> </div> <figcaption><small>Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short</small></figcaption> </figure> <p><strong>Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short</strong></p> </section> <section> Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short Background Image Slider JavaScript Tutorial | How to make Slider in JS? Creating a Background Image Slider with HTML, CSS ad JavaScript | Step by Step I have Created Image Slider using Html/Css/Js❤️ Background Image Slider Using Html Css & javascript | Coding With Nick Image Slider (using Gsap) #css #coding #gradient #gradienteffect #Website Background Image slider by using JavaScript (Html, CSS, JS) project- #6 Background Image Slider Using JavaScript | Changing Background Images Background image slider with Html, css and Javascript Create a Stunning Image Slider using HTML, CSS & JavaScript Beautiful Image Slider using HTML CSS & JavaScript Beginner HTML CSS and JavaScript Project Automatic Full Screen Background Image Slider using CSS, HTML and JavaScript | practical program How To Create Image Slider Using JavaScript Step By Step - JavaScript Project #4 image slider using javascript Image slider using JavaScript Very simple image slideshow using JavaScript! the way I created it? How to create image slideshow using JavaScript Animated Image Slider | JavaScript & CSS Tutorial 🔥 3D Image Slider Tutorial: Pure CSS Magic for MZCode01 Developers 🚀 #css #webdesign #coding #shorts Full Screen Image Slider Using HTML, CSS & JavaScript </section> <section> <h2>Conclusion</h2> Whether you're a seasoned enthusiast, we trust that the information presented here enhances your perspective.</p> <p>Don't hesitate to take the next step this fascinating topic. Share your own experiences and insights. The journey of discovery is ongoing, and we're excited for you to be a part of it. For more in-depth analysis and updates, be sure to subscribe to our newsletter and follow us on social media. Your engagement is what drives us to deliver even more exceptional content. </p> <p>What are your thoughts on <strong>Background Image Slideshow Using Javascript Codehim</strong>?. Share your questions, comments, or personal experiences in the section below. Your feedback is invaluable in shaping future content. Let's continue this conversation and build a community around shared passion and learning. Click here to explore related articles and expand your horizons even further. Thank you for joining us on this insightful expedition.</p> </section> <section> <h3>Related images with background image slideshow using javascript codehim</h3> <style>.supper-img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;max-width:1400px}.supper-img-item{background-color:transparent;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.supper-img-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.supper-img-item img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:all .5s ease;filter:brightness(.98)}.supper-img-item:hover img{transform:scale(1.03);filter:brightness(1.05)}.supper-img-item h3{margin:16px 0 8px;font-size:16px;font-weight:500;color:#333;letter-spacing:.02em}.supper-img-item p{margin:0;font-size:14px;color:#666;line-height:1.6;font-weight:300}@media (max-width:1199px){.supper-img-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:767px){.supper-img-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.supper-img-grid{grid-template-columns:1fr;gap:24px}}</style> <div class="supper-img-grid"> <div class="supper-img-item"> <a href="http://dinosaurse.com/background-image-slideshow-using-javascript-codehim/"> <img decoding="async" alt="Background Image Slideshow Using Javascript Codehim" title="Background Image Slideshow Using Javascript Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2023/09/Background-Image-Slideshow-using-JavaScript.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/background-image-slideshow-using-javascript-codehim/"> <img decoding="async" alt="Background Image Slideshow Using Javascript Codehim" title="Background Image Slideshow Using Javascript Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2023/09/Background-Image-Slideshow-using-JavaScript-120x90.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/slideshow-javascript-with-buttons-codehim/"> <img decoding="async" alt="Slideshow Javascript With Buttons Codehim" title="Slideshow Javascript With Buttons Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2023/10/Slideshow-JavaScript-with-Buttons-326x245.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/19-slideshow-in-html-css-javascript/"> <img decoding="async" alt="19 Slideshow In Html Css Javascript" title="19 Slideshow In Html Css Javascript" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2020/03/justified-image-grid-slideshow-768x577.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/javascript-quotes-slideshow-with-images-codehim/"> <img decoding="async" alt="Javascript Quotes Slideshow With Images Codehim" title="Javascript Quotes Slideshow With Images Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2022/05/JavaScript-Quotes-Slideshow.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/web-design-code-snippets-codehim/"> <img decoding="async" alt="Web Design Code Snippets Codehim" title="Web Design Code Snippets Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2019/08/HorizontalVertical-Slider-codehim-768x577.jpg?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/background-image-slideshow-using-javascript-codeconvey/"> <img decoding="async" alt="Background Image Slideshow Using Javascript Codeconvey" title="Background Image Slideshow Using Javascript Codeconvey" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/codeconvey.com/wp-content/uploads/2019/04/background-image-slideshow-using-javascript.jpg?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/web-design-code-snippets-codehim/"> <img decoding="async" alt="Web Design Code Snippets Codehim" title="Web Design Code Snippets Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2019/09/jquery-carousel-vertical-codehim.com_-768x577.jpg?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/fullscreen-background-image-slideshow-css-jquery-subtle-codehim/"> <img decoding="async" alt="Fullscreen Background Image Slideshow Css Jquery Subtle Codehim" title="Fullscreen Background Image Slideshow Css Jquery Subtle Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2019/03/fullscreen-slideshow-css-jquery.jpg?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/3d-image-slideshow-using-html-and-css-codehim/"> <img decoding="async" alt="3d Image Slideshow Using Html And Css Codehim" title="3d Image Slideshow Using Html And Css Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/codehim.com/wp-content/uploads/2023/12/3D-Image-Slideshow-Using-HTML-and-CSS.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/fadein-and-fadeout-in-javascript-codehim/"> <img decoding="async" alt="Fadein And Fadeout In Javascript Codehim" title="Fadein And Fadeout In Javascript Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2023/06/Asif-Mughal-codehim-Author.png?resize=160,120" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/web-design-code-snippets-codehim/"> <img decoding="async" alt="Web Design Code Snippets Codehim" title="Web Design Code Snippets Codehim" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/www.codehim.com/wp-content/uploads/2022/05/JavaScript-HTML5-Canvas-Ani-768x576.png?resize=160,120" /> </a> </div> </div> <div class="ad">  </div> <h3 style="margin-top: 50px;">Related videos with background image slideshow using javascript codehim</h3> <div class="supper-img-grid"> <div class="supper-img-item"> <a href="http://dinosaurse.com/background-image-slider-by-using-javascript-html-css-js-project-6-short/"> <img decoding="async" alt="Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short" title="Background Image slider by using JavaScript (Html, CSS, JS) project- #6 #short" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/ytimg.googleusercontent.com/vi/7E6eAC6WD7A/mqdefault.jpg?resize=91,91" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/background-image-slider-javascript-tutorial-how-to-make-slider-in-js/"> <img decoding="async" alt="Background Image Slider JavaScript Tutorial | How to make Slider in JS?" title="Background Image Slider JavaScript Tutorial | How to make Slider in JS?" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/ytimg.googleusercontent.com/vi/n285VRIZCe0/mqdefault.jpg?resize=91,91" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/creating-a-background-image-slider-with-html-css-ad-javascript-step-by-step/"> <img decoding="async" alt="Creating a Background Image Slider with HTML, CSS ad JavaScript | Step by Step" title="Creating a Background Image Slider with HTML, CSS ad JavaScript | Step by Step" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/ytimg.googleusercontent.com/vi/_KMW2s6H1o0/mqdefault.jpg?resize=91,91" /> </a> </div> <div class="supper-img-item"> <a href="http://dinosaurse.com/i-have-created-image-slider-using-html-css-js%e2%9d%a4%ef%b8%8f/"> <img decoding="async" alt="I have Created Image Slider using Html/Css/Js❤️" title="I have Created Image Slider using Html/Css/Js❤️" loading="eager" onerror="this.onerror=null; this.src='https://i0.wp.com/upload.wikimedia.org/wikipedia/commons/a/a3/Image-not-found.png';" src="http://i0.wp.com/ytimg.googleusercontent.com/vi/wwCpOb8lWe0/mqdefault.jpg?resize=91,91" /> </a> </div> </div> </section> </aside> </article> </div> <div class="penci-single-link-pages"> </div> </div> </div> <div class="tags-share-box single-post-share tags-share-box-s1 center-box social-align-default disable-btnplus post-share"> <span class="single-comment-o"><i class="penci-faicon fa fa-comment-o" ></i>0 comments</span> <span class="post-share-item post-share-plike"> <span class="count-number-like">0</span><a href="#" aria-label="Like this post" class="penci-post-like single-like-button" data-post_id="-42" title="Like" data-like="Like" data-unlike="Unlike"><i class="penci-faicon fa fa-heart-o" ></i></a> </span> <a class="new-ver-share post-share-item post-share-facebook" aria-label="Share on Facebook" target="_blank" rel="noreferrer" href="https://www.facebook.com/sharer/sharer.php?u=https://dinosaurse.com/background-image-slideshow-using-javascript-codehim/"><i class="penci-faicon fa fa-facebook" ></i><span class="dt-share">Facebook</span></a><a class="new-ver-share post-share-item post-share-twitter" aria-label="Share on Twitter" target="_blank" rel="noreferrer" href="https://x.com/intent/tweet?text=Check%20out%20this%20article:%20Background%20Image%20Slideshow%20Using%20Javascript%20Codehim%20-%20https://dinosaurse.com/background-image-slideshow-using-javascript-codehim/"><i class="penci-faicon penciicon-x-twitter" ></i><span class="dt-share">Twitter</span></a><a class="new-ver-share post-share-item post-share-pinterest" aria-label="Pin to Pinterest" data-pin-do="none" rel="noreferrer" target="_blank" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fdinosaurse.com%2Fbackground-image-slideshow-using-javascript-codehim%2F&description=Background+Image+Slideshow+Using+Javascript+Codehim"><i class="penci-faicon fa fa-pinterest" ></i><span class="dt-share">Pinterest</span></a><a class="new-ver-share post-share-item post-share-threads" aria-label="Share on Threads" target="_blank" rel="noreferrer" href="https://threads.net/intent/post?text=Background%20Image%20Slideshow%20Using%20Javascript%20Codehim&url=https%3A%2F%2Fdinosaurse.com%2Fbackground-image-slideshow-using-javascript-codehim%2F"><i class="penci-faicon penciicon-threads" ></i><span class="dt-share">Threads</span></a><a class="new-ver-share post-share-item post-share-bluesky" aria-label="Share on Bluesky" target="_blank" rel="noreferrer" href="https://bsky.app/intent/compose?text=Background%20Image%20Slideshow%20Using%20Javascript%20Codehim%20https%3A%2F%2Fdinosaurse.com%2Fbackground-image-slideshow-using-javascript-codehim%2F"><i class="penci-faicon penciicon-butterfly" ></i><span class="dt-share">Bluesky</span></a><a class="new-ver-share post-share-item post-share-email" target="_blank" aria-label="Share via Email" rel="noreferrer" href="mailto:?subject=Background%20Image%20Slideshow%20Using%20Javascript%20Codehim&BODY=https://dinosaurse.com/background-image-slideshow-using-javascript-codehim/"><i class="penci-faicon fa fa-envelope" ></i><span class="dt-share">Email</span></a><a class="post-share-item post-share-expand" href="#" aria-label="Share Expand"><i class="penci-faicon penciicon-add" ></i></a> </div> <div class="post-pagination pcpagp-style-1"> <div class="prev-post"> <div class="prev-post-inner"> <div class="prev-post-title"> <span>previous post</span> </div> <a href="https://dinosaurse.com/from-cells-to-giants-a-digital-deep-dive-into-the-growth-rates-of-prehistoric-predators/"> <div class="pagi-text"> <h5 class="prev-title">From Cells to Giants: A Digital Deep Dive into the Growth Rates of Prehistoric Predators</h5> </div> </a> </div> </div> </div> <div class="pcrlt-style-1 post-related"> <div class="post-title-box"><h4 class="post-box-title">You may also like</h4></div> <div class="swiper penci-owl-carousel penci-owl-carousel-slider penci-related-carousel" data-lazy="true" data-item="3" data-desktop="3" data-tablet="2" data-tabsmall="2" data-auto="false" data-speed="300" data-dots="true"> <div class="swiper-wrapper"> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/rC46cfuJ6o4Ropu9gqKud5-1024-80.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/5-jaw-dropping-dinosaur-discoveries-that-rewrote-history/" title="5 Jaw-Dropping Dinosaur Discoveries That Rewrote History"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/5-jaw-dropping-dinosaur-discoveries-that-rewrote-history/">5 Jaw-Dropping Dinosaur Discoveries That Rewrote History</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/Dinosaur-Provincial-Park-8-1024x529-1.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/unearthing-giants-your-guide-to-the-latest-dinosaur-fossil-finds/" title="Unearthing Giants: Your Guide to the Latest Dinosaur Fossil Finds"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/unearthing-giants-your-guide-to-the-latest-dinosaur-fossil-finds/">Unearthing Giants: Your Guide to the Latest Dinosaur...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <div class="related-content"> <h3> <a href="https://dinosaurse.com/beyond-t-rex-7-unexpected-dinosaur-discoveries-you-need-to-know/">Beyond T-Rex: 7 Unexpected Dinosaur Discoveries You Need...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/MZ3925_221121_Psittacosaurus_fossil_total_000007-scaled.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/new-dinosaur-species-found-what-this-fossil-tells-us-about-prehistoric-life/" title="New Dinosaur Species Found: What This Fossil Tells Us About Prehistoric Life"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/new-dinosaur-species-found-what-this-fossil-tells-us-about-prehistoric-life/">New Dinosaur Species Found: What This Fossil Tells...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/major-dinosaur-fossil-discoveries-featured-image.webp" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/the-science-behind-dinosaur-discoveries-from-excavation-to-exhibit/" title="The Science Behind Dinosaur Discoveries: From Excavation to Exhibit"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/the-science-behind-dinosaur-discoveries-from-excavation-to-exhibit/">The Science Behind Dinosaur Discoveries: From Excavation to...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/paleontology-jurassic-display-hall-there-is-exhibit-featuring-stegosaurus-dinosaur-fossil-exhibit-pterodactyl-animal-skeletons-footprints-room-contains-archeology_76964-165517.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/from-tiny-teeth-to-massive-skeletons-breakthroughs-in-dinosaur-paleontology/" title="From Tiny Teeth to Massive Skeletons: Breakthroughs in Dinosaur Paleontology"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/from-tiny-teeth-to-massive-skeletons-breakthroughs-in-dinosaur-paleontology/">From Tiny Teeth to Massive Skeletons: Breakthroughs in...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/Two-Astrobee-Free-Flying-Robotic-Assistants-scaled-1.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/decoding-dinosaur-dna-the-latest-scientific-revelations/" title="Decoding Dinosaur DNA: The Latest Scientific Revelations"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/decoding-dinosaur-dna-the-latest-scientific-revelations/">Decoding Dinosaur DNA: The Latest Scientific Revelations</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/0.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/are-birds-dinosaurs-new-discoveries-shed-light-on-the-bird-dinosaur-link/" title="Are Birds Dinosaurs? New Discoveries Shed Light on the Bird-Dinosaur Link"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/are-birds-dinosaurs-new-discoveries-shed-light-on-the-bird-dinosaur-link/">Are Birds Dinosaurs? New Discoveries Shed Light on...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/scientists-debating-space-exploration-ar-generative-ai_1198283-113110.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/the-most-controversial-dinosaur-discoveries-what-scientists-are-debating/" title="The Most Controversial Dinosaur Discoveries: What Scientists Are Debating"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/the-most-controversial-dinosaur-discoveries-what-scientists-are-debating/">The Most Controversial Dinosaur Discoveries: What Scientists Are...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> <div class="item-related swiper-slide"> <div class="item-related-inner"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2025/04/fossil-vector-illustration-archaeologists-discovering-dinosaur-skeletons-excavations-depicted-flat-cartoon-style-background_2175-25321.jpg" class="penci-lazy related-thumb penci-image-holder" href="https://dinosaurse.com/your-essential-guide-to-fossil-hunting-discovering-your-own-dinosaur-treasure/" title="Your Essential Guide to Fossil Hunting: Discovering Your Own Dinosaur Treasure"> </a> <div class="related-content"> <h3> <a href="https://dinosaurse.com/your-essential-guide-to-fossil-hunting-discovering-your-own-dinosaur-treasure/">Your Essential Guide to Fossil Hunting: Discovering Your...</a> </h3> <span class="date"><time class="entry-date published" datetime="2025-04-19T22:16:59+00:00">April 19, 2025</time></span> </div> </div> </div> </div><div class="penci-owl-dots"></div></div></div> <div class="post-comments no-comment-yet penci-comments-hide-0" id="comments"> </div>  </article> </div> </div> <div id="sidebar" class="penci-sidebar-right penci-sidebar-content style-1 pcalign-center pciconp-right pcicon-right penci-sticky-sidebar"> <div class="theiaStickySidebar"> <aside id="search-2" class="widget widget_search"><form role="search" method="get" class="pc-searchform" action="https://dinosaurse.com/"> <div class="pc-searchform-inner"> <input type="text" class="search-input" placeholder="Type and hit enter..." name="s"/> <i class="penciicon-magnifiying-glass"></i> <input type="submit" class="searchsubmit" value="Search"/> </div> </form> </aside><aside id="penci_latest_news_widget-2" class="widget penci_latest_news_widget"><h3 class="widget-title penci-border-arrow"><span class="inner-arrow">Recent Posts</span></h3> <ul id="penci-latestwg-6956" class="side-newsfeed"> <li class="penci-feed"> <div class="side-item"> <div class="side-image"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2026/01/Aquarium-banner-events-263x175.png" class="penci-lazy penci-image-holder small-fix-size" rel="bookmark" href="https://dinosaurse.com/from-cells-to-giants-a-digital-deep-dive-into-the-growth-rates-of-prehistoric-predators/" title="From Cells to Giants: A Digital Deep Dive into the Growth Rates of Prehistoric Predators"> </a> </div> <div class="side-item-text"> <h4 class="side-title-post"> <a href="https://dinosaurse.com/from-cells-to-giants-a-digital-deep-dive-into-the-growth-rates-of-prehistoric-predators/" rel="bookmark" title="From Cells to Giants: A Digital Deep Dive into the Growth Rates of Prehistoric Predators"> From Cells to Giants: A Digital Deep Dive into the Growth Rates of Prehistoric Predators </a> </h4> <div class="grid-post-box-meta penci-side-item-meta pcsnmt-below"> <span class="side-item-meta side-wdate"><time class="entry-date published" datetime="2026-01-19T21:53:40+00:00">January 19, 2026</time></span> </div> </div> </div> </li> <li class="penci-feed"> <div class="side-item"> <div class="side-image"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2026/01/brain-cells-that-glow-like-fireflies-crack-a-long-standing-imaging-puzzle-1536x878-1-263x175.png" class="penci-lazy penci-image-holder small-fix-size" rel="bookmark" href="https://dinosaurse.com/avian-ancestry-5-bird-like-biological-traits-found-in-recently-discovered-theropods/" title="Avian Ancestry: 5 Bird-Like Biological Traits Found in Recently Discovered Theropods"> </a> </div> <div class="side-item-text"> <h4 class="side-title-post"> <a href="https://dinosaurse.com/avian-ancestry-5-bird-like-biological-traits-found-in-recently-discovered-theropods/" rel="bookmark" title="Avian Ancestry: 5 Bird-Like Biological Traits Found in Recently Discovered Theropods"> Avian Ancestry: 5 Bird-Like Biological Traits Found in Recently Discovered Theropods </a> </h4> <div class="grid-post-box-meta penci-side-item-meta pcsnmt-below"> <span class="side-item-meta side-wdate"><time class="entry-date published" datetime="2026-01-19T09:48:54+00:00">January 19, 2026</time></span> </div> </div> </div> </li> <li class="penci-feed"> <div class="side-item"> <div class="side-item-text"> <h4 class="side-title-post"> <a href="https://dinosaurse.com/the-science-of-size-how-divergent-evolutionary-pathways-created-the-largest-land-animals/" rel="bookmark" title="The Science of Size: How Divergent Evolutionary Pathways Created the Largest Land Animals"> The Science of Size: How Divergent Evolutionary Pathways Created the Largest Land Animals </a> </h4> <div class="grid-post-box-meta penci-side-item-meta pcsnmt-below"> <span class="side-item-meta side-wdate"><time class="entry-date published" datetime="2026-01-18T21:48:12+00:00">January 18, 2026</time></span> </div> </div> </div> </li> <li class="penci-feed"> <div class="side-item"> <div class="side-image"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2026/01/1000_F_931038916_NZhQkTKfecBaJO2wN7cL71Rm9RunfOQB-263x175.jpg" class="penci-lazy penci-image-holder small-fix-size" rel="bookmark" href="https://dinosaurse.com/archosaur-evolution-in-2026-10-biological-breakthroughs-reshaping-the-digital-fossil-record/" title="Archosaur Evolution in 2026: 10 Biological Breakthroughs Reshaping the Digital Fossil Record"> </a> </div> <div class="side-item-text"> <h4 class="side-title-post"> <a href="https://dinosaurse.com/archosaur-evolution-in-2026-10-biological-breakthroughs-reshaping-the-digital-fossil-record/" rel="bookmark" title="Archosaur Evolution in 2026: 10 Biological Breakthroughs Reshaping the Digital Fossil Record"> Archosaur Evolution in 2026: 10 Biological Breakthroughs Reshaping the Digital Fossil Record </a> </h4> <div class="grid-post-box-meta penci-side-item-meta pcsnmt-below"> <span class="side-item-meta side-wdate"><time class="entry-date published" datetime="2026-01-18T10:09:04+00:00">January 18, 2026</time></span> </div> </div> </div> </li> <li class="penci-feed"> <div class="side-item"> <div class="side-image"> <a data-bgset="https://dinosaurse.com/wp-content/uploads/2026/01/unearthing-dinosaur-fossils-unearthing-dinosaur-fossils-dirt-153696124-263x175.jpg" class="penci-lazy penci-image-holder small-fix-size" rel="bookmark" href="https://dinosaurse.com/beyond-the-fossil-6-modern-analytical-techniques-unearthing-dinosaur-biology/" title="Beyond the Fossil: 6 Modern Analytical Techniques Unearthing Dinosaur Biology"> </a> </div> <div class="side-item-text"> <h4 class="side-title-post"> <a href="https://dinosaurse.com/beyond-the-fossil-6-modern-analytical-techniques-unearthing-dinosaur-biology/" rel="bookmark" title="Beyond the Fossil: 6 Modern Analytical Techniques Unearthing Dinosaur Biology"> Beyond the Fossil: 6 Modern Analytical Techniques Unearthing Dinosaur Biology </a> </h4> <div class="grid-post-box-meta penci-side-item-meta pcsnmt-below"> <span class="side-item-meta side-wdate"><time class="entry-date published" datetime="2026-01-17T21:50:39+00:00">January 17, 2026</time></span> </div> </div> </div> </li> </ul> </aside><aside id="text-4" class="widget widget_text"> <div class="textwidget"> </div> </aside><aside id="supperimg_ads-2" class="widget supperimg_ads_widget"></aside><aside id="supperimg_auto_top_recent_random-2" class="widget supperimg_auto_top_recent_random_widget"><ul> <li><a href="http://dinosaurse.com/home-your-lawn-and-garden/">home your lawn and garden</a></li> <li><a href="http://dinosaurse.com/waspada-virus-corona-varian-mu-shorts/">waspada virus corona varian mu shorts</a></li> <li><a href="http://dinosaurse.com/developing-new-managers-set-them-up-for-success-ccl/">developing new managers set them up for success ccl</a></li> <li><a href="http://dinosaurse.com/how-does-screen-time-impact-your-health-general-nursing-support/">how does screen time impact your health general nursing support</a></li> <li><a href="http://dinosaurse.com/how-to-plot-vertical-lines-in-pine-script-pinescript-tradingview-tradingviewtutorial/">how to plot vertical lines in pine script pinescript tradingview tradingviewtutorial</a></li> <li><a href="http://dinosaurse.com/mla-8th-edition-how-to-cite-a-youtube-video/">mla 8th edition how to cite a youtube video</a></li> <li><a href="http://dinosaurse.com/menikahi-pria-buruk-rupa-pdf-novel-online-dari-siti-aisyah-untuk/">menikahi pria buruk rupa pdf novel online dari siti aisyah untuk</a></li> <li><a href="http://dinosaurse.com/wedding-frame-png-transparent-images-png-all/">wedding frame png transparent images png all</a></li> <li><a href="http://dinosaurse.com/corporate-social-responsibility-infographic-%e0%b9%80%e0%b8%a7%e0%b8%81%e0%b9%80%e0%b8%95%e0%b8%ad%e0%b8%a3-%e0%b8%aa%e0%b8%95-%e0%b8%ad%e0%b8%81-%e0%b8%9b%e0%b8%a5%e0%b8%ad%e0%b8%94%e0%b8%84/">corporate social responsibility infographic เวกเตอร สต อก ปลอดค</a></li> <li><a href="http://dinosaurse.com/00-sr-simulation-of-motor-and-control-based-on-matlab-pdf-magnetic/">00 sr simulation of motor and control based on matlab pdf magnetic</a></li> </ul></aside> </div> </div> </div> </div> </div> <div class="clear-footer"></div> <footer id="footer-section" class="penci-footer-social-media footer-social-remove-circle " itemscope itemtype="https://schema.org/WPFooter"> <div class="container"> <div class="footer-socials-section "> <ul class="footer-socials"> <li><a href="#" aria-label="Facebook" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-facebook" ></i> <span>Facebook</span></a> </li> <li><a href="#" aria-label="Twitter" rel="noreferrer" target="_blank"><i class="penci-faicon penciicon-x-twitter" ></i> <span>Twitter</span></a> </li> <li><a href="#" aria-label="Instagram" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-instagram" ></i> <span>Instagram</span></a> </li> <li><a href="#" aria-label="Pinterest" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-pinterest" ></i> <span>Pinterest</span></a> </li> <li><a href="#" aria-label="Tumblr" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-tumblr" ></i> <span>Tumblr</span></a> </li> <li><a href="#" aria-label="Email" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-envelope" ></i> <span>Email</span></a> </li> <li><a href="#" aria-label="Bloglovin" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-heart-o" ></i> <span>Bloglovin</span></a> </li> </ul> </div> <div class="footer-logo-copyright footer-not-logo "> <div id="footer-copyright"> <p>@2019 - All Right Reserved. </p> </div> <div class="go-to-top-parent"><a aria-label="Go to top" href="#" class="go-to-top"><span><i class="penciicon-up-chevron"></i> <br>Back To Top</span></a> </div> </div> </div> </footer> </div><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/soledad/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <a href="#" id="close-sidebar-nav" class="header-6 mstyle-default"><i class="penci-faicon fa fa-close" ></i></a> <nav id="sidebar-nav" class="header-6 mstyle-default" role="navigation" itemscope itemtype="https://schema.org/SiteNavigationElement"> <div id="sidebar-nav-logo"> <a href="https://dinosaurse.com/"><img class="penci-lazy sidebar-nav-logo penci-limg" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20184%2032'%3E%3C/svg%3E" width="184" height="32" data-src="https://dinosaurse.com/wp-content/uploads/2025/09/logo@2x-4.png" data-lightlogo="https://dinosaurse.com/wp-content/uploads/2025/09/logo@2x-4.png" alt="DinosaurSE"/></a> </div> <div class="header-social sidebar-nav-social"> <div class="inner-header-social"> <a href="#" aria-label="Facebook" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-facebook" ></i></a> <a href="#" aria-label="Twitter" rel="noreferrer" target="_blank"><i class="penci-faicon penciicon-x-twitter" ></i></a> <a href="#" aria-label="Instagram" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-instagram" ></i></a> <a href="#" aria-label="Pinterest" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-pinterest" ></i></a> <a href="#" aria-label="Tumblr" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-tumblr" ></i></a> <a href="#" aria-label="Email" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-envelope" ></i></a> <a href="#" aria-label="Bloglovin" rel="noreferrer" target="_blank"><i class="penci-faicon fa fa-heart-o" ></i></a> </div> </div> <ul id="menu-main-menu-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom ajax-mega-menu menu-item-55"><a href="https://dinosaurse.com/">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom ajax-mega-menu menu-item-56"><a href="https://dinosaurse.com/category/dinosaur-biology/">Biology</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom ajax-mega-menu menu-item-57"><a href="https://dinosaurse.com/category/dinosaur-culture-media/">Media</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom ajax-mega-menu menu-item-58"><a href="https://dinosaurse.com/category/dinosaur-discoveries/">Discoveries</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom ajax-mega-menu menu-item-59"><a href="https://dinosaurse.com/category/dinosaur-extinction-evolution/">Evolution</a></li> </ul> </nav> <script type="text/javascript" id="toc-front-js-extra"> /* <![CDATA[ */ var tocplus = {"visibility_show":"show","visibility_hide":"hide","width":"Auto"}; //# sourceURL=toc-front-js-extra /* ]]> */ </script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/plugins/table-of-contents-plus/front.min.js?ver=2411.1" id="toc-front-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/js-cookies.js?ver=8.6.8" id="js-cookies-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/penci-lazy.js?ver=8.6.8" id="pc-lazy-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/libs-script.min.js?ver=8.6.8" id="penci-libs-js-js"></script> <script type="text/javascript" id="main-scripts-js-extra"> /* <![CDATA[ */ var ajax_var_more = {"url":"https://dinosaurse.com/wp-admin/admin-ajax.php","megamenu_url":"https://dinosaurse.com/wp-admin/admin-ajax.php","archive_more_url":"https://dinosaurse.com/wp-admin/admin-ajax.php","nonce":"5aa24170e1","errorPass":"\u003Cp class=\"message message-error\"\u003EPassword does not match the confirm password\u003C/p\u003E","login":"Email Address","password":"Password","headerstyle":"default","reading_bar_pos":"footer","reading_bar_h":"5","carousel_e":"swing","slider_e":"creative","fcarousel_e":"swing","fslider_e":"creative","vfloat":"","vfloatp":"bottom-right","redirect_url":""}; //# sourceURL=main-scripts-js-extra /* ]]> */ </script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/main.js?ver=8.6.8" id="main-scripts-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/post-like.js?ver=8.6.8" id="penci_ajax_like_post-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-includes/js/comment-reply.min.js?ver=c50b71aa5b969c4fe8060b175427b2f5" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/inview.js?ver=8.6.8" id="jquery.inview-js"></script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/sticky_share.js?ver=8.6.8" id="penci-sticky-share-js"></script> <script type="text/javascript" id="penci_widgets_ajax-js-extra"> /* <![CDATA[ */ var penci_widgets_ajax = {"url":"https://dinosaurse.com/wp-admin/admin-ajax.php","nonce":"a1b0348279"}; //# sourceURL=penci_widgets_ajax-js-extra /* ]]> */ </script> <script type="text/javascript" src="http://dinosaurse.com/wp-content/themes/soledad/js/widgets-ajax.js?ver=8.6.8" id="penci_widgets_ajax-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"http://dinosaurse.com/wp-includes/js/wp-emoji-release.min.js?ver=c50b71aa5b969c4fe8060b175427b2f5"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=http://dinosaurse.com/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="b9ce8095fad3c5a3759682fb-|49" defer></script>