booncon/slippry

Responsive slider plugin for jQuery

slippry's Issues

reset timer when manually changing slide

sent in via email, thanks!

better fix for timeout on safari7

workaround has issues, might result in overlapping content on horizontal sliders

Universal declarations * in CSS cause issues with inline HTML content.

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.

Adding Swipe Functionality

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.

anchor tag margin 0 and padding 0 affects links that are inline content in the slide

Is this for a particular thing or is it just a general declaration? Can we use a class if that is the case?

numbers given to pager lis is out by one

The first pager item is 2, instead of 1.

Swipe / keyboard navigation

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 :)

Fix slider rolling in on init

take out the transition of the filler on the first load so the slider loads seamlessly.

kenburns times out on chrome

This demo: http://slippry.com/examples/pictures/ doesn't really work, kenburns effects stops after some transitions.

Check options

adaptHeight is now adaptiveHeight for examples

Using an external navigation

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

package up examples

Not really an issue. More of a request. Please package up all the examples in the download.

Thanks,
Jerry

Feature request - controls (next, previous arrows) fade in on hover

Right now the contrlos just pop in so its a bit stroby

Control button's visual conflict using Twitter Bootstrap

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

Slippry takes too long to load

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.

Core styling in a different section/file? (for editable files)

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?

'Best' way to show overflow elements

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.

When leaving the app (safari) and coming back the slider has stopped and is unresponsive

kenburns js fallback has problems

implement vertical transition

include better default style for mobile

take some of the enhancements made on slippry.com

Touch Swipe Support Needed

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.

Firefox KenBurns CSS animation problems

The animation seems like it goes in two steps, check the following page: http://fightingclub.it/en/

Touch screen option

Hi
thanks for your nice plugin
in the next versions you will add the touch screen option for mobile devices?

thanks

bye

Ken Burns effect lacks zooming

Both in CSS and JS.

Pager colours for final release

We should probably change the pager colour in the min css to be more neutral (but could leave it in the expanded css/scss)

Minimum Jquery Version

Hello,

Can you tell me the minimum version of jquery that can be used with this project?

Thank you

Loop setting for "Shop" example

http://jsfiddle.net/MH489/2/

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/

photographs resizing

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

Gallery Not Working in IE9 Compatibility Mode

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.

when setting a custom pager class the active class is no longer set on the active <LI>

Slippry on Android Browser

Does not work.
No Image at all.
Please write it on your website.
I had to change. All the work was for nothing

RTL support?

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!

issue having ken burns and another slider in the same page? seems to lock up one or the other

I have one slider of pictures on ken burns, and one slider of article html inline content, one of them locks up.

Place pager inside slideshow

Can you please tell me how I can put the pager insider the container of the slideshow?
Thanks.

Line 113 of slippry.scss <a> declaration causing issues if you have inline html content

check random init

seems like possibility of index out of bound

Add pages where Slippry is in use to demo page

CSS needs to be element neutral where possible

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

when using external nav, make sure infinite scroll is not triggered

IE8 has no trim support

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, '');
}
}

Pager

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

Add bower.json

Please add support for Bower.

custom pager class isn't working

problem with resizing when slider not 100%

slider might get stuck, does weird things

when using multiple instances captions is shown in all

click pager circle and image gallery will not be continuous

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.

IE10 get's stuck on 2nd slide (after first transition)

might be that the css-event ontransitionend is not fired properly

problem with calculating height with html content

Transition not smooth on Safari and Chrome

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