Use slippry with fullscreen

[Redani]

Hi, thanks a lot for this very nice and light plugin :) i'd have one question, is it possible to use it in fullscreen??

Thank you

[sftsk]

hey, sounds like a good idea. we will think about it!

[Redani]

Thank you. Looking forward to it :)

[sftsk]

this might be helpful: http://www.sitepoint.com/html5-full-screen-api/

[Redani]

Thank you.

[Redani]

Hi, I'm trying to use slippry, it's incredibly simple to implement :) I do have 3 questions please: 1- It's working perfectly except that i have this error message in the console when testing in local: GET http://site.localhost/js/slippry/dist/slippry.min.map 404 (Not Found)

2- are you planing an update to be used with fontawesome for the arrows??

3- I'm using slippery in fullwidth with custom caption like the "news demo", it's greatly responsive when i reduce the size of the page but the caption does not. it would be amazing if the caption get's resized proportionally to the slider using jQuery instead of css query media. Is that something you can implement in a future update?

Thanks again for your lovely plugin ;)

[sftsk]

Hey, great :)

1. you can ignore this, source maps only really help for debugging
2. won't happen as we do not want to add too much overhead to slippry, you can just do it yourself if you want though :)
3. won't happen either as we want the resizing to work through css as much as possible. you can of course refine the media queries for yourself or add some js resizing ;)

all the best!

[Redani]

Thanks sftsk for your fast reply :)

1- OK, but is there a way to disable it so it wont be shown as an error for people visiting the website?

2- OK

3- OK

4- one last question please regarding the preloading. when loading the animated gif has a 40px height, and when the whole slide is ready to render, i would like it to smoothly slide down. I didn't manage to do it, how can this be achieved?

Thanks again

[sftsk]

1. is solved with the newest version, took away the sourcemap-references
2. without really having this tested, probably set a css transition on the height property of the slippry wrapper

all the best and good luck!

[Redani]

1. Great, thank you so much for fixing it. :)
2. well, i tried with .sy-slides-wrap, .sy-box { transition: all 250ms ease-in; } but it doesn't change anything :( It would be really nice if i can use this feature!! any other idea to do it??

Thanks

[sftsk]

will look into the sliding in when I have time, I created a new issue :)

[Redani]

I'm so grateful for your efforts :) slippry is an amazing and light plugin, i'd love to see it perfect... :)

[sftsk]

thank you!

[Redani]

Hey, how are you?

• I'm facing a little issue, when i refresh the page using the refresh button, all is fine, but when i click on URL bar and hit enter, then i see the 3 slides one underneath the other for a fraction of a second, do you know what that might be??
• Also, any updates for the next version? :)

Thanks

[Redani]

Hi again, I just would like to know if you have any updates regarding the next major update as it starts getting really annoying the slider loading problem :(

Thanks

[sftsk]

Hello,

sorry for being slow at getting back :( There is a few client projects that need to be done before Christmas so this had to wait a little.

As for the showing slides issue if you know some CSS you can work around it yourself. As to when development continues: after New Year's I guess.

Sorry for the delays but unfortunately there is too many other (paid) things happening.

[cgladue]

Just want to say i love slippry, and wanted to use it for my project, but i neeed to show a full screen slider in Chrome kiosk mode .. and slippry works great on a normal browser, but when i press F11 to go full screen there is alays a section of blank space at the bottom that only happens on full screen mode .. is it a bug or is that as expected and can it be easily corrected in CSS ? i have been trying and i cannot fix it...

[cgladue]

Nevermind i figured it out afterall, i had to change two classes in your css, shown below for future reference, added height:100%; to both:

.sy-slide {
  position: absolute;
  width: 100%;
  height:100%;
  z-index: 2; 
}

.sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      height: 100%;
      border: 0; 
    }