booncon / slippry Goto Github PK
View Code? Open in Web Editor NEWResponsive slider plugin for jQuery
Home Page: slippry.com
License: MIT License
Responsive slider plugin for jQuery
Home Page: slippry.com
License: MIT License
sent in via email, thanks!
workaround has issues, might result in overlapping content on horizontal sliders
If you leave the CSS as is, and then have your own CSS defined somewhere else and the slippery css is rendered first for some reason (common for plugins/modules to allow overriding) then the .slippry *
is causing problems with inline HTML styling mainly but could cause issues with images if some special padding has been applied for some reason.
Has anyone had any luck adding swipe functionality to this slider for mobile? I have tried adding swipe support manually (http://lazcreative.com/blog/how-to/how-to-adding-swipe-support-to-bootstraps-carousel/), but it isn't as straightforward as it seems.
Is this for a particular thing or is it just a general declaration? Can we use a class if that is the case?
The first pager item is 2, instead of 1.
There are some many sliders that you gotta have something amazing to stand out. Lack of simple features such as swipe left/right and keyboard navigation is a big no-no. I opened your site, tried to swipe, failed, closed and moved on. That's how most of those who are looking for a plugin will behave. And, as a user, you will get frustrated and not interact with the slider if that functionality is missing.
Just an opinion :)
take out the transition of the filler on the first load so the slider loads seamlessly.
This demo: http://slippry.com/examples/pictures/ doesn't really work, kenburns effects stops after some transitions.
adaptHeight is now adaptiveHeight for examples
Hi,
how can you use a navigation or button to select the slide ?
Can be used:
onSliderLoad: function () {
$('#slider-nav a').attr('href','#referencement')
.goToSlide('.referencement');
}
Best regards
Not really an issue. More of a request. Please package up all the examples in the download.
Thanks,
Jerry
Right now the contrlos just pop in so its a bit stroby
Hi!
It seems that Twitter Bootstrap (I use 3.2.0 version) makes small conflict with slider's controls.
I'm attaching the screenshot:
Pressing the control button's causes the dotted line to appear from left side till the pressed control button.
I'm guessing that it's somehow related to bootstrap's:
*:before, *:after {
box-sizing: border-box;
}
But I could be wrong
Hello, thanks for slippry, it's great. But I have an issue where it's taking a "long" time to load the carousel and I end up with an empty index page for a couple of seconds (depending on your internet connection).
What can I do to aleviate this? Is it possible to load a placeholder of some kind while slippry loads or something like that?
Thanks.
Means that beyond the sass variables, users feel a bit more confident about what they can/cannot change. Of course power users will know more so can change core css.
Protects basic functionality and reduces chances of noobs breaking it by accident?
Need to rethink the CSS for this, as when I tried it by just restricting .slippry_box
's width and removing overflow:hidden
it ended up with a horizontal li that caused big issues.
take some of the enhancements made on slippry.com
This has been brought up once before, but the issue was closed without solving it. Flexslider has a great example of hardware-accelerated Touch Swipe capability, but I'd prefer to use Slippry as Flexslider seems to have a few lingering bugs and isn't nearly as configurable. Any chance anyone is looking into this? I feel like it's kind of an overdue feature. I'd try to implement it myself, but I don't have much expertise in hardware-acceleration on web just yet.
The animation seems like it goes in two steps, check the following page: http://fightingclub.it/en/
Hi
thanks for your nice plugin
in the next versions you will add the touch screen option for mobile devices?
thanks
bye
Both in CSS and JS.
We should probably change the pager colour in the min css to be more neutral (but could leave it in the expanded css/scss)
Hello,
Can you tell me the minimum version of jquery that can be used with this project?
Thank you
Using the "Shop" example, I did a few mods to the css so the slider shows the current image with previous and next image to the sides with 0 margins. The looping cycle works, however when on the first slide: what's left of it is blank when it should be a partial picture of the last slide. Same goes for when on the last slide: what's right of it is blank when it should be a partial picture of the first slide. When clicking from last slide to the first and from the first slide to the last, the prev and next image jumps from left to right leaving behind a blank area. Is there a fix to this so it works seamlessly?
Here's an example of what I'm trying to achieve: http://www.discoverlosangeles.com/
Hi ! first of all, I would like to thank the author for sharing this amazingly powerful plugin.
Actually I want to use it in a personal project and I am facing a small problem :
I want to use this plugin in order to make a slide show in the home page of the Website, I need this plugin to fill almost all of the page like this : http://www.lik.com/ , but I can't find how to resize the photographs, if someone can help, I would be very thankful. cheers
Unable to view the following demos in in IE9 Compatibility View and IE8:
http://slippry.com/examples/out-of-the-box/
http://slippry.com/examples/news/
http://slippry.com/examples/shop/
http://slippry.com/examples/thumbnails/
However, I am able to view the other demos in IE9 Compatibility View and IE8:
http://slippry.com/examples/pictures/
http://slippry.com/examples/portfolio/
Since I can view the "Pictures" and "Portifolio" gallery, I was wondering if the other 4 galleries that I cannot view is a bug.
Does not work.
No Image at all.
Please write it on your website.
I had to change. All the work was for nothing
I have a bilingual English/Arabic site and I am wondering whether or not it is possible to have to slider move in the other direction on the Arabic side of things.
I have already played around with the autoDirection and starting number, but the direction of the slides (quite obviously to be honest as I didn't find anything to change that) remains the same as on the LTR part of the site.
Alternatively I might switch to the Fading effect instead, so the problem is gone, but if it is possible I would like to use the Slides.
Thanks in advance!
I have one slider of pictures on ken burns, and one slider of article
html inline content, one of them locks up.
Can you please tell me how I can put the pager insider the container of the slideshow?
Thanks.
seems like possibility of index out of bound
e.g. the CSS for elements that are slides is targeting li
, this means even if you use a different element (e.g. article
), the CSS doesn't render the page properly.
Should use a class? e.g. .slippry-element
IE8 doesn't support the function .trim in javaScript. On line 166 of slippry.js, newelement.attr('class', className.trim()); you get a browser error.
Either change to jQuery trim, or add the prototype function.
if(typeof String.prototype.trim !== 'function') {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, '');
}
}
Sorry, for such a basic question. However, is there a way to easily change the default location of the Pager element? I would like to move the Pager above the images.
Is the recommendation, simply to use CSS?
thanks,
M
Please add support for Bower.
Great image gallery to use and implement. However, I ran into an issue in your demo when the transition is set to 'horizontal'.
When you click the second pager circle of the 3 circle pager, the image gallery is not continuous when it goes from the last image to the first image (i.e. reversing) even is the setting continuous and loop is set to true.
If you don't touch the page, the image gallery will be continuous from the last image to first image.
might be that the css-event ontransitionend is not fired properly
Hi everyone,
Maybe that issue had been already reported but I've trouble using slippry on Chrome and Safari. The transition is not smooth whereas it's on Firefox.
example : www.atelierdupressoir.com
I changed speed for 2000ms
Thx for your help :)
Francois
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.