jacksbox / jquery.fractionslider Goto Github PK
View Code? Open in Web Editor NEWHome Page: http://jacksbox.de/stuff/jquery-fractionslider/
Home Page: http://jacksbox.de/stuff/jquery-fractionslider/
Hey Mario,
At your example https://github.com/jacksbox/jquery.fractionslider/blob/master/example/index.html I see that you used two wrappers
. The first one is <div class="slider-wrapper">
and the second is <div class="slider">
. Why is that? Aren't they doing the same thing? Could you please explain?
Cheers.
Hi,
First off all thanks for this awesome slider. I am trying to develop a wordpress plugin for this slider. I am trying to figure out how I can get exact data-positions using mouse movements.
Right now I am getting positions in pixels but slider jquery converts some how in %. Can you give me any idea about that it will be really very helpful.
Thanks
Hi!
When slideEndAnimation is set to false speedOut option of the slider is ignored, so the elements of the slide enters the scene normally and exit with no transition at all (immediatelly). I think it's a bug.
Hi,
I've a question : is it possible to have an object directly in position right with a responsive slider ?
With a responsive slider, it's impossible to know a max width.
data-position is "left,top" but is it possible to have "right,top" ?
thanks !
P.S : Sorry for my english :P
First of all: Really love the fractionslider, thanks for your great work!
However I noticed one small flaw, but I'm also not completely sure whether this is an issue created by fractionslider or by the browser:
During loading / reloading the slider and only when using Chrome / Chromium (tested with versions 29 - 31), you can briefly see image elements appearing outside of the slide or somewhere, where they don't belong. This doesn't happen with Firefox, which takes a bit longer to start playing, but doesn't show anything before.
It also happens with this official demo:
http://jacksbox.de/fractiondemos/example_slides.html
just hit reload a couple of times and look underneath the slideshow region to see what I mean. Try the same with Firefox, and you won't see anything like that.
Hope this is fixable!
Hey,
I tried the example file that you provided here and I noticed that if you have only one slide, things doesn't work well. I was expecting that if you have one slide, it would be in loop like a carousel. However, in my tests it doesn't happen. The slider get stuck once it finalise the animation.
Hi Mario,
beim mergen der neuen Version sind mir noch ein paar Kleinigkeiten aufgefallen:
Zeilen 51, 103: , am Ende muss weg (IE<=8 hat hiermit ggf. Probleme)
Zeile 110: Muss dy hier nicht dY heißen?!
Zeilen 207, 218, 231, 242, 261, 529, 1144: Hier fehlen die schließenden ;
Zeilen 444, 449, 1057, 1116: Hier sind die ; unnötig.
Zeile 1001: ich denke hier muss ein ; statt , verwendet werden
Gruß,
Lietzi
Hiermit kann die performance der slide animationen erhöht werden.
Das benutze ich zumindest für meinen fork des fractionslider. vllt kann es direkt integriert werden.
gruß Alex
Hey Mario!
I need your help here. I don't know if I misunderstood the fullwidth
option or it has some issue with me. But I cannot have a background with fullwidth on my site. I had set 'fullwidth=true' and I'm using a big image. So, I was expecting that image ( or even a background colour) goes 100% width. But it's not what is happening.
This is how I setup it up:
<div class="slider-wrapper">
<div class="slider">
<div class="fs_loader"></div>
<div class="slide" style='background-color:#dd3333'> <-- BACKGROUND APPLIED HERE
....
I hope you can help me.
Cheers!
Ich nutze den Slider in einem CMS als Plugin. Texte und Bilder kann ich gut per Contentauswahl konfigurieren. Leider fehlt aber die Möglichkeit, ein Video (Länge 4-10 sek.) zu integrieren. Kann man das in naher Zukunft integrieren, und zwar so, dass das Video startet, der Slider anhält und erst nach einer Abspielung oder einer vorgegebenen Zeit der Slider weiterläuft? Das würde mir bei meinem Webprojekt sehr weiterhelfen.
Hi Mario,
Why are all the elements visible outside of slider during the loading stage?
Is there a way to keep them hidden? Because for slow internet speed, the loading process may take a while and seeing all the elements on that way, may got the user confused. It looks like something went wrong. Even for users on high speed internet, you still can see the elements for a few seconds, which IMO it doesn't look nice.
Any thoughts?
Cheers
When using multiple instances of the slider pause and other methods refer to the last created slider.
Maybe a quick fix would be
....
//in the jquery init function
return this.each(function(element) {
// ready for take-off -- associate the new fraction slider directly to the jquery object
$(this).data('fractionSlider', new FractionSlider(this, options));
});
.......
//example for the pause method
pause : function() {
$(this).data('fractionSlider').pause(true);
},
....
Hi!
I try to use your plugin to make a fullsized slider, where every slide expands to the complete width and height of the window at any resolution. Although i always want the subslides to do their magic within a wrapper of 948*300 in the center of the slide. Somehow you do this on http://jacksbox.de/ in your slider, the main interaction happens in a centered box while other elements go outside.
I just don't get how :/
Hello,
I know this is not a bug. I just would like to know if there is an easy way to change this behaviour.
When you next/prev a slide, the action comes in two stage. First all the elements on the slide disappear and only after that background goes (or is that the next slide come hover?). However, my question is there a way to 'move' everything (elements + background) when you click next/prev?
First of all thank you for the great plugin.
When the page first loads everything works correctly, but when I make the screen smaller and then re-size it to the original size, the content of the slide seems to get "stuck" on the container and doesn't go all the way through the screen.
I'm using the left animation. Slider is set to be non-responsive.
Thanks!
I think it would be nice if this plugin was published as a package for Bower
Hi Mario,
in Zeile 1073 ist ein kleiner Fehler in der Funktion resizeSlider.
Statt "if(w < dX){" sollte dort "if(w <= dX){" stehen.
Wenn man das Fenster zu schnell vergrößert kriegt die JS-Engine sporadisch die Änderung nicht mit und erstellt dann nen kleineren fs-stretcher als nötig, was zu einer falschen Höhe des Sliders und zu verzerrten Inhalten führt.
Gruß,
Sebastian
Hi;
Any intention of adding touch support?
What am I doing wrong - is there a reason why my slider shows alle slides/elements while loading? Look-see: http://www.haandvaerkergaranti.dk/
Sincerly, Jesper (DK)
Thanks for the great plugin. It will be a nice to have to have an option to end the slide when reaching the end slide. Thoughts?
Hi,
I can't find the repo in bower packages, or better I find it but the link to github is broken.
Can you fix this?
Hello, I am designing a parallax scrolling page and I an issue when I place more than one slider in a single page.
The issue.
slider #2 seems to scroll to the pictures fine and continues to cycle through the slides
but slider #1 displays the first picture and never moves on to the nest. it halts.
if you add a third slider slider #1 and #2 display the first slide and halt. while slider #3 continues the animation,
Thanks for the help.
The Slider Is Very Nice But Problem in Responsive. When I Open The Example Files Index File , Showing A Horizontal Scrollbar . Please Anyone Solve The Problem.
Wenn data-out auf "fade" gesetzt ist wird das Element beim nächsten Durchlauf nicht wieder eingeblendet, die Opacity bleibt bei 0.
Hello,
Could confirm if there are any issues with data-fixed attribute on IE? I'm using it to display background images, but it doesn't work on IE9. The image just do not appear on the slider.
Thanks.
This is something that can be easily fixed. Since it is normal behaviour to want to space out comma-separated items.
More precisely, my point is that <div class="slide" data-position="100, 100">I won´t work properly.</div>
won´t work; yet <div class="slide" data-position="100,100">I work just fine.</div>
works alright.
Personally, I believe that it is a common grammatical need, and one cannot rely on people just copying and pasting from the very "Getting Started" page of every library.
I am using your slider plugin in one of my free wordpress theme awakening. The theme is based up on Foundation Framework 5. But on page where I am running the slider, foundation is not getting initialized. You can see this on my demo site. http://demo.opencodez.com/awakening/
If you go on Front Page or Index page, my menu hover is not working and if you go to any other page where slider is not running all works fine.
Any pointers help is much appreciated.
Hello, Thank you for this great plugin!
I notice this issue; the background animation seems not to work in firefox. The demo on the website has a static background when opened in FF as well. http://jacksbox.de/fractionslider-demos/background-animation-2/
Any idea how to fix this?
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.