Comments (3)
I would like to comment that @ericthelast gist works for the autoplay part.
What I am trying to add to it is the flipping to the back after it shuffles to the next image, then flips to the front, and then shuffles again.
I, too, need it to pull in new images, but that's later down the road.
The issue I have is in finding the function that actually does the flipping. I cannot tell if it is in the CSS or in the js file. There is nothing that explicitly tells it to flip. It also seems to somehow be tied to the navigation bar, which I need turned off and have been able to do so.
Any thoughts on where the flipping functionality resides? And no, that's not a euphemism...;)
Update: The code appears to be in _rotateItem and one should be able to call it by saying ps._rotateItem(), but it doesn't appear to be working. If I get it working, I'll let you know.
The following allows you to hide the navigation, rotate the image after 3 seconds, rotate it back after 3 seconds and then proceed to the next item..
new Photostack( document.getElementById( element ), {
// any other options here,
showNavigation: false,
afterShowPhoto: function(ps) {
setTimeout(function() {
ps._rotateItem();
setTimeout(function() {
ps._rotateItem();
setTimeout(function() {
ps._navigate('next');
}, 3000);
}, 3000);
}, 3000);
}
});
from scatteredpolaroidsgallery.
Hey @hungrysquirrel, happy to help.
I've created this gist detailing how both features could be accomplished. Check that out and let me know if it helps. One way that code could be improved would be to check for when a user does click so that you can clear the timeout.
Anyhoo, hope that helps!
from scatteredpolaroidsgallery.
Hi @ericthelast ,
I can't get it to work on autoplay... Can you please help me out? What I want to do:
- Autoplay --> If it's possible to make a nice kind of refresh each two minutes or so it would be great (because our image folder is always being filled).
- When a backside of an image (description) is available rotate the image after a couple seconds to show the back; after that resume autoplay.
Can you or somebody else help me out?
Thank you so much in advance.
Bas
from scatteredpolaroidsgallery.
Related Issues (13)
- Bower install
- flip when clicked on image HOT 6
- autoplay and change of photos HOT 4
- How to add more images dynamically via script.
- the animation stops HOT 1
- How to click on links on back part?
- Flip Effect of Polaroid not working on Firefox HOT 1
- Need to make individual polaroids clickable to make current (just like nav dots)
- Limited navigation HOT 8
- Flipped content overflow HOT 1
- About License Terms HOT 1
- Change Nav 'dots' system to 2 basic left / right arrow nav & 'bring to front' by clicking any image HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from scatteredpolaroidsgallery.