Mousewheel to zoom in the bounds

[daverag]

Hello! I'm trying to use jQDateRangeSlider to select a specific part of a media file, let's say a 10 sec loop in a 50 minute mp3... the problem is the ui-rangeSlider-innerBar gets too small, let's say I need from 1:00 to 1:10 I'd like to Zoom in with the wheel, so the bounds would get closer and closer to the selection (instead of the min-max values changing) so I could get more precise control ... I would also need the ruler to reflect the new scale...

I tried to hack the _mouseWheelZoom function by changing "range" to "bounds" but no luck.. can you give me a hint?

[ghusse]

Hi,

I don't have access to the code right now and for the rest of the week, but I'm pretty sure you can create a component inheriting from jQDateRangeSlider, and overriding this function. Le 18 mars 2015 20:35, "daverag" [email protected] a écrit :

Hello! I'm trying to use jQDateRangeSlider to select a specific part of a media file, let's say a 10 sec loop in a 50 minute mp3... the problem is the ui-rangeSlider-innerBar gets too small, let's say I need from 1:00 to 1:10 I'd like to Zoom in with the wheel, so the bounds would get closer and closer to the selection so I could get more precise control.... I would also need the ruler to reflect the new scale...

I tried to hack the _mouseWheelZoom function by changing "range" to "bounds" but no luck.. can you give me a hint?

— Reply to this email directly or view it on GitHub https://github.com/ghusse/jQRangeSlider/issues/192.

[daverag]

J'ai déjà déminifié le JS et tenté de hacker cette fonction directement mais ça n'a pas été un succès, je vais devoir m'y concentrer un peu plus quand j'aurai le temps... je me demandais juste si ça avait déjà été fait, pour ne pas avoir à réinventer la roue...

Bonjour du Québec!

[ghusse]

Salut,

Pas besoin de déminifier, il suffit de repartir du code source qui est sur github, ça sera probablement plus facile !

Le jeudi 19 mars 2015, daverag [email protected] a écrit :

J'ai déjà déminifié le JS et tenté de hacker cette fonction directement mais ça n'a pas été un succès, je vais devoir m'y concentrer un peu plus quand j'aurai le temps... je me demandais juste si ça avait déjà été fait, pour ne pas avoir à réinventer la roue...

Bonjour du Québec!

— Reply to this email directly or view it on GitHub https://github.com/ghusse/jQRangeSlider/issues/192#issuecomment-83240815 .

[daverag]

Mmm je comprends pas trop je trouve pas le fichier jQDateRangeSlider-withRuler en non-minifié... de toute façon j'y arrive, c'est pas trop élégant mais comme on dit chez nous "ça fait la job"

http://jsfiddle.net/wCQVB/296/

mes modifs de 1054 à 1125

Ya comme effet secondaire que ma longueur de sélection varie quand je zoom alors qu'elle ne devrait pas, je crois que c'est à cause que la sélection se fait bouffer par le changement de bounds....

Je vais aussi essayer de pouvoir dragger la sélection dans la portion hors-bounds (genre de scroll)

[daverag]

J'étais surpris que ce type de zoom ne vienne pas déjà avec jQrangeslider, je comprends pas trop dans quel contexte le zoom actuel qui change les valeurs peut être utile... c'est pas vraiment un zoom (dans un zoom c'est le champ de vision qui élargit ou rétrécit, pas le sujet)

[letmaik]

I'm interested in this too! I also think it should be part of jQRangeSlider. In my case I need it for selecting a time range of a dataset to be displayed, and the total range is years, but what you want is a few days. So optionally zooming in and out is really useful in my opinion.