terrymun / paver Goto Github PK
View Code? Open in Web Editor NEWPaver, a panorama/image viewer replicating the effect seen in Facebook Pages app
License: MIT License
Paver, a panorama/image viewer replicating the effect seen in Facebook Pages app
License: MIT License
Hello I have issue with default scrollbar present in chrome (on win7), and it will expand even beyond image boarders (print screen example: http://take.ms/R4zEA)
Is it possible not to show default scroll bar and no to scroll out of image borders on windows?
Hello panorama image is aligned to left edge of screen on mobile devices (chrome android, safari ios) even when I use: startPosition: 0.5 ? On desktop computers is working fine.
The error is in this line
paver.$t.on('mousemove.paver', $.throttle(paver.settings.cursorThrottle, function(e){
I already load the paver css and js.
I'm using jquery v3.1.0
Buggy horizontal panning due to use of thresholdY
instead of thresholdX
. Also, last known panned position is not known because of incorrect use of parseInt()
(on a fraction).
Hey awesome code and really cool feature to use. Trying to use it in a dynamic portfolio plugin, where the admin can add portfolio pieces and thumbnails in wordpress and i pull it to the front end through a loop. I only want the paver on mobile devices. The images are fine on desktop since they usually fit in the screen. So for mobile phones I am trying to use paver with in a flickity slideshow. But sometimes the paver freezes and i cant figure out why or how to make it work better as of now I just destroy all pavers then use a conditional statement and find the pano-wrapper that has a class of is-selected and then initialize paver again once the slide has settled. It works ok but there is the fade in when the paver is intialized. If i dont destroy the paver and just intialize all tha pano-wrappers so that its ready to go when you swipe to the next slide that works ok and there is no fade in but sometimes the paver freezes after switching slides a couple of times so i am just wondering if you have any ideas on what we could do to get this to work better.
you can check out the feature here avidbeta.com/portfolio/ and click into the first portfolio.
thanks you for any help you can offer.
If I have the center of the image loaded and the mouse enters to the far left, there is a jump of the image when it comes into the paver div. Is there a way to have a smooth scroll to the entry anchor point?
Morning! I'm having this problem on phones, the paver image just goes all to the left and I want it to be centered. Is ther any option for this?
On an (Android) tablet it may be inconvenient to use device orientation when the tablet is on the table. Is it possible to have a configuration parameter to use touch (on Android) and ignore the availability of device orientation?
Hello,
in the jquery.paver.js file we have changed the startPosition value to 0.
And also in the main page of out project where we have the paver we initialise it as following:
$(function () {
// Paver
$('div[data-paver]').paver({
startPosition: '0',
// tilt: false
});
});
And also in the div of the paver we have add the following:
and even when we test our code on mobile, the paver is not starting from the beginning of the image. how can we solve it?
Hi, I'm adding paver to bootstrap tabs and i have it working great on first view of the tab that loads my paver pano. However, when i click on a different tab then go back and click the tab for my pano it doesn't load properly. How can I re load or re initialize paver on click?
I tried using a custom trigger event but I can't seem to get it working.
Neither the demo page, or my own (otherwise working) instance seems to work in Google Chrome, at least Version 53.0.2785.116 m.
No obvious errors in the developer console either.
Hi,
Just spent quite some time trying to understand why Paver was not rendering anymore on a fresh and clean Chrome (66.0.3359.139). Looks like your last release 1.3.3 isn't actually containing your last fixes. Would be cool to create the 1.3.4 release just to get a new working cdn version + a new github release here for those thinking "stable" versions of your script are the official releases.
Any thoughts as to why? Not seeing any console errors.
What's name to install by bower?
$ bower install paver --save
bower ENOTFOUND Package paver not found
Is there a way to auto scroll at load to have it scroll back and forth at set speed or a click action to make a play button to make it do it?
Hi,
I'm planning to use paver in combination with piwigo to show panorama images. In same cases I have images that are too large both horizontally and vertically. Therefore, I wonder if paver could also be used for vertical scrolling? Similar as e.g. facebook would do with panoramas from google camera that are not full spheres.
Thanks,
Thomas
Thank you for this nice plugin.
Could you please update the NPM package to version 1.3.4? Currently the latest there is 1.3.3.
Regards, Andreas
Is it possible to have click and drag?
Hello,
I wonder what could be the reason that Paver doesn't work in Internet Explorer 11 and Microsoft Edge?
Hello,
On a specific point we need to stop the paver (to fix the image in android). But when we use the .destroy function the paver is destroyed but on the position 0. i need to fix it in a specific position and not on position 0. what we can do about it?
Hi! Fantastic plugin! I'm just wondering if you have a demo that works on mobile? It seems the deviceorientation doesn't work in all of the examples/demos found in your page. Also, how do you add a background on the class paver-pano cause I tried on CSS and on HTML but it didn't work out.
Here's is the link for the test I made (I still don't get it regarding the deviceorientation not working): http://bt.kreateam.io/demo/pan/
Hope you can help and thank you!
(Btw, I also checked the one on Verge and it works on mobile platforms, but I'm still none the wiser :()
Hi! First thanks for really cool project.
Is there any plans to add support for mobile rotation (compass) and touch navigation (like Facebook 360 photos)?
I'm getting this error when running npm install @terrymun/paver
npm ERR! code E403
npm ERR! can't access restricted package without auth, did you forget 'npm set always-auth true'? : @terrymun/paver
I think this setting can be found in the config https://docs.npmjs.com/misc/config#always-auth
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.