SOA/RPC>> GifTastic>> 返回
项目作者： stacyholtz6

项目描述 ：
Have fun with Gifs! Add new gifs to the page and click to animate!!
高级语言： JavaScript
项目地址: git://github.com/stacyholtz6/GifTastic.git
创建时间： 2019-11-03T22:07:22Z
项目社区：https://github.com/stacyholtz6/GifTastic
开源协议：
下载


GifTastic

Link to live game:

Gif Tastic

Overview:

  1. --- When a button is clicked gifs related to that topic are loaded to the page.
  2. --- The gifs are "still" and when the user clicks the gif it becomes animated. The gif can be toggled between animated and still by clicking on it. 
  3. --- More gif buttons can be added to the page by typing in a topic in the add animal input box and clicking submit.
  4. --- When submit is click the button will be added to the top of the page with the rest of the buttons. 
  5. --- The new button can be clicked to add gifs related to that topic.

Tools/Languages Used:

  1. --- Gify API
  2. --- Javascript
  3. --- JQuery
  4. --- Bootstrap
  5. --- Flexbox
  6. --- Font Awesome
  7. --- HTML/CSS

Features:

  1. --- Preloaded buttons are on the page. 
  2. --- These buttons are added dynamically added through javascript.

start

  1. When a user clicks a button, still gifs are added to the page

Button Click

  1. When a user clicks on the gif it becomes animated. Click it again and it becomes still.

Toggle

  1. --- Type a topic in the input field and click submit. 
  2. --- The new button is added to the top of the page.

Add Gif