---
title: "Stealing Google Logos Using Yahoo API"
description: "Many love browsing through Google Logos, so do some of my friends, was planning to make a simple page with infinite scroll."
url: "https://h3manth.com/scribe/stealing-google-logos-using-yahoo-api/"
canonical_url: "https://h3manth.com/scribe/stealing-google-logos-using-yahoo-api/"
markdown_url: "https://h3manth.com/scribe/blog/stealing-google-logos-using-yahoo-api.md"
publishDate: "2011-03-07T00:00:00.000Z"
author: "Hemanth HM"
category: "javascript"
tags: ["javascript"]
word_count: 189
reading_time_minutes: 1
x_markdown_tokens: 380
content_signal: "ai-train=yes, search=yes, ai-input=yes"
---

# Stealing Google Logos Using Yahoo API

> Many love browsing through Google Logos, so do some of my friends, was planning to make a simple page with infinite scroll.

Many love browsing through Google Logos, so do some of my friends, was planning to make a simple page with infinite scroll with all the Google Doodles so far.

**The idea** To programmatically fetch all Google logos so far and display it with infinite scroll, also to keep the page in sync with Google logo list.

**The plan** Using **Yahoo! YQL** to select the required section from the Google logo page and display the images suitably. As YQL also returns a JSON, displaying the required images was not a big issue.

**The key ingredients :** Yahoo! YQL + Jquery

**The recipe :** _Fetching images :_ **0.** Set query for YQL. **1.** $.getJSON() and parse the required data. **2.** Append the img's to a div.

_Infinite Scroll :_ **0.** Get the document height. **1.** Set pageoffset. **2.** Using $(window).scroll() method, set the new pageoffset. **3.** Based on the id of the last img loaded, load more images.

_Limitations :_ _# Per application limit (identified by your Access Key): 100,000 calls per day._ _# Per IP limits: /v1/public/_: 1,000 calls per hour; /v1/yql/_ : 10,000 calls per hour. _

## [DEMO!](http://h3manth.com/sites/files/google-logos.html)