Скрипт timeline - большой разрыв между датами
 

Всем привет!
Подскажите, пожалуйста, такая ситуация:
есть скрипт на js, который отображает на сайте timeline - линию времени. У меня между датами большой промежуток и приходится долго листать. Можно сделать так, чтобы промежуток был между датами одинаковый?

Скрипт прикреплён.

может быть плохо объяснила... наглядно посмотреть можно здесь:
https://codyhouse.co/gem/horizontal-timeline/
но там даты относительно друг друга рядом находятся. А если сделать между ними расстояние в десять лет - то уже приходится долго листать...

Anna1991,
заменить в плагине соответсвующие функции

function setDatePosition(timelineComponents, min) {
		for (i = 0; i < timelineComponents['timelineDates'].length; i++) {
		    var distance = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][i]),
		    	distanceNorm = Math.round(distance/timelineComponents['eventsMinLapse']) + 2;
		   // timelineComponents['timelineEvents'].eq(i).css('left', distanceNorm*min+'px');
              timelineComponents['timelineEvents'].eq(i).css('left', (100*i + 15)+'px');
		}
	}

	function setTimelineWidth(timelineComponents, width) {
		var timeSpan = daydiff(timelineComponents['timelineDates'][0], timelineComponents['timelineDates'][timelineComponents['timelineDates'].length-1]),
			timeSpanNorm = timeSpan/timelineComponents['eventsMinLapse'],
			timeSpanNorm = Math.round(timeSpanNorm) + 4,
			//totalWidth = timeSpanNorm*width;
            totalWidth = (timelineComponents['timelineDates'].length - 1)*100+64;
		timelineComponents['eventsWrapper'].css('width', totalWidth+'px');
		updateFilling(timelineComponents['eventsWrapper'].find('a.selected'), timelineComponents['fillingLine'], totalWidth);
		updateTimelinePosition('next', timelineComponents['eventsWrapper'].find('a.selected'), timelineComponents);

		return totalWidth;
	}

рони,
согласно описания в плагине минимальный шаг между датами задается в переменной eventsMinDistance в пикселях. Даты временной шкалы задаются в атрибутах date-date, минимальная расстояние между которыми и будет равно указанному в eventsMinDistance. В примере 60 рх для 5 дней, для 10 будет равно 120 рх. Получается, что нужно просто определить в eventsMinDistance нужную величину.

laimas,
ничего в плагине менять не надо :lol: -- достаточно все указать в течение одного месяца не хватит то следующего.
Anna1991, укажите даты через равные промежутки в атрибуте
data-date="16/01/2014" неважно какая дата на самом деле.

А там и не написано, что менять в плагине, этот параметр задаваемый, а вот кто-то, не будем говорить кто, хотя это было рони, предлагает заменить функции. :)

Этот параметр для минимальной разницы дат на временной шкале. Следовательно, формируя данные для нее, зная макс. и мин. разницу между датами, задать eventsMinDistance.

не могу понять о чём ты, уже второй раз пишешь, особенно причём тут eventsMinDistance :(
видимо для меня проще через data-date сделать или плагин поменять.

В описании плагина расписана настройка через данный параметр, определяющая расстояния между точками на временной шкале.

laimas,
и что нужно сделать с этим параметром,чтоб промежутки были одинаковыми???

В описании говорится, что интервалы дат на временной шкале могут быть неравномерными, а данный параметр определяет расстояние для наименьшего интервала, по которому уже будут рассчитываться расстояния между остальными (в демонстрации, мин. между 30 августа и 15 сентября = 60рх, а между 9 июля и 30 августа = 182рх, и т.д.). Получается, что чем более интервал, тем меньшее значение значение этого параметра нужно задавать. Но если наименьший к примеру 3 дня, а наибольшие годы, то и получатся слишком большие расстояния между точками.

Более ничего то нет из задаваемых параметров.

Вроде перешли на новый хост, но глюки продолжаются.

Кстати, сама идея временной шкалы не дает возможности установить равные промежутки между различными временными метками. Ведь тогда теряется идея "визуализации" представления.

да, но ТС именно это и нужно, что можно сделать через атрибут или коррекцию плагина (в обоих случах делать что-либо с параметром eventsMinDistance не требуется )
есть третий путь другой плагин )))

А смыл тогда? Это как на линейке отложить 10 см и 25 см равными отрезками. :)

смысл во внешнем виде, меню в виде заполняющейся линейки с кружками )))

Ну это всего лишь эффект, а понятие временная шкала как раз в расстоянии. Тогда честнее свое написать, зачем губить чужое. )