Giter VIP home page Giter VIP logo

animatedframeslideshow's Introduction

Animated Frame Slideshow

An experimental slideshow that shows an animated SVG frame when transitioning between slides.

Animated Frame Slideshow

Article on Codrops

Demo

This demo is kindly sponsored by Sencha.

Credits

License

This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

Misc

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2017

animatedframeslideshow's People

Contributors

crnacura avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

sluscis 9mdv taro-0 fayozjon salimedia zhangbg techgeekhub boxilaidedie fmsheikh beyondzmedia biswaranjanpati brookes nearsaint odylight ameeransari digits88 the-javatar manusevenval bratzi samtechbuzz msudak minhkiet lipsworld v1w3 karant17 jayvi saijogeorge yaduvendra a973c mjunaidi trfiladelfo creative-srijon pserafini raloliver cabenavidess elmapaul puneet018 sfarori rahul-pxl sanyaade-multimedia meprap justforkin t00nix bigflyhigh njengageorge yahyahe87 nayif03 atard alaashehade spoonfulloftreasure kafeichong art-lav liamcornford colinlacherdis seungworks tatianapost edcastaneda genhir domnic17 doytsujin pkglimmer musyimi97 zhangzihaodt zava75 tutorfish achaacha srb-enterprise dynamiclayers miguelapb35 maksudur-rhmn mirig948 shreeshreee excusemebro areacode831 ajeetcs oscarsmeulders zakariabdt zakariabinsaifullah

animatedframeslideshow's Issues

Mouse Scroll

Hello, is it possible to control prev/next slide with mouse scroll?

Thanks!

demo 4: center map on mobile

Hi,
I was wondering how to center the map image on little viewports: in the demo #4 the image is left-aligned when the viewport is narrow. I've tried with css transform but of course the position of the svg clip path is depending on the image itself, so it's not working.
Can somebody help me?

Custom navigation menu instead prev / next buttons

Is it possible to add a navigation menu to jump to each slide directly? For Example by dot navigation or preview thumbnails instead of the prev / next buttons? Thank in advance if anyone could help...! (Demo 2)

demo4

How disable random start position for images and set into canvas coordinate for each images.
Thanks to all!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.