Gif api download on click

Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Who owns this outage? Building intelligent escalation chains for modern SRE. Podcast Who is building clouds for the independent developer? Featured on Meta. Now live: A fully responsive profile. Reducing the weight of our footer. Linked 0.

Show 8 more comments. Active Oldest Votes. Improve this answer. Community Bot 1 1 1 silver badge. Add a comment. Sign up or log in Sign up using Google.

Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown.

The Overflow Blog. Who owns this outage? Plus, there's all the classic reaction GIFs you'll ever need. If you have any questions, email us at developers giphy. Create separate keys for each platform iOS, Android, Web and section. The Trending endpoint automatically populates the most relevant and engaging content each and every day, while the Search endpoint lets users search our library of millions of GIFs and Stickers by entering a word or phrase.

The images object returns multiple renditions. We provide various renditions of each GIF in the images object to give your users the best experience possible.

Once a user has selected a GIF, present a higher resolution rendition. Refer to our Rendition Guide for more information on what rendition is best suited for each use-case. By calling our Action Register Endpoint each time a user views, clicks, or sends a GIF or Sticker, we will be able to customize our responses to your user's behavior. We highly recommend calling this endpoint on every user action in your app.

To add analytics to your app, head to our Action Register Endpoint. You can find approved official logo marks here. If you want to see these endpoints in action before getting started, you can use our API Explorer to input sample queries and view the live responses!

Our feed of trending content is continuously updated, so you always have the latest and greatest at your fingertips. Read more here about content ratings. Optionally, you can use rendition on demand bundles to limit which renditions the API sends. Notice the additional data-alt attribute in the img element. This is where we store the GIF, in place of the static image which we initially serve.

You may add more images and also add a caption for each through the figcaption element. After that, we will write the JavaScript that will bring the magic. The idea is to serve the GIF image when the user clicks on the image.

First, we create a function that will retrieve the GIF image path we have put in the data-alt attribute. We will loop through each of the image and use the jQuery.