Hallo,
ich habe hier ein Script und würde gerne wissen, wie ich es verbessern kann. Ich wiederhole teilweise Codeblöcke...
Das Script steuert den Vor- und Zurückbutton einer Timeline. Im Prinzip wird nur das margin-left der Timeline geändert, die sich in einen Wrapper mit overflow:hidden befindet.
ich habe hier ein Script und würde gerne wissen, wie ich es verbessern kann. Ich wiederhole teilweise Codeblöcke...
Das Script steuert den Vor- und Zurückbutton einer Timeline. Im Prinzip wird nur das margin-left der Timeline geändert, die sich in einen Wrapper mit overflow:hidden befindet.
Javascript:
$(".timeline-prev").click(function() {
tl_curr_pos = parseInt($('.gt-timeline').css("margin-left").replace("-", ""));
tl_pos_left = tl_curr_pos - tl_wrapper_width;
if(tl_curr_pos <= tl_wrapper_width){
tl_pos_left = 0
}
// Animate timeline position
pos_timeline(tl_pos_left);
});
$(".timeline-next").click(function() {
tl_curr_pos = parseInt($('.gt-timeline').css("margin-left").replace("-", ""));
tl_pos_left = tl_curr_pos + tl_wrapper_width;
if((tl_full_width - (tl_curr_pos+tl_wrapper_width)) < tl_wrapper_width){
tl_pos_left = tl_curr_pos + (tl_full_width%tl_wrapper_width); // Modulo: Ergibt den Restwert einer Division
}
// Animate timeline position
pos_timeline(tl_pos_left);
});
Zuletzt bearbeitet von einem Moderator: