| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/mitzvahm/planner/js/ |
Upload File : |
(function ($) {
$.fn.text_slider = function (options) {
/*** Default Settings ***/
var settings = $.extend(
{
timeout: 5000,
slide_time: 750,
img_path: 'img',
css_path: 'css',
},
options
);
var next_item;
var current_item = 0;
var count = 0;
var max_height = 0;
var list_obj = this;
var play_loop = true;
var timeout_obj = null;
/*** Load Stylesheet ***/
if (document.createStyleSheet) {
document.createStyleSheet(settings.css_path + '/text_slider.css');
} else {
$("head").append($('<link rel="stylesheet" href="' + settings.css_path + '/text_slider.css" type="text/css" media="screen" />'));
}
this.addClass('ts_container');
/*
this.css({
position: 'relative',
listStyleType: 'none',
padding: 0,
});
*/
this.append('<div class="ts_arrow_left"><span class="ts_helper"></span><img class="ts_control" src="' + settings.img_path + '/gallery_arrow_left.png" alt="arrow left" onclick="transition2(-1);" /></div>');
this.append('<div class="ts_arrow_right"><span class="ts_helper"></span><img class="ts_control" src="' + settings.img_path + '/gallery_arrow_right.png" alt="arrow right" /></div>');
this.append('<div class="ts_control"><img class="ts_control" id="ts_play_control" src="' + settings.img_path + '/gallery_button_pause.png" alt="pause play" /></div>');
this.append('<div class="ts_slide_next"></div>');
this.append('<div class="ts_slide_current"></div>');
$('.ts_arrow_right').click(function(e) {
e.preventDefault();
//clearTimeout(timeout_obj);
transition(+1);
});
$('.ts_arrow_left').click(function(e) {
e.preventDefault();
//clearTimeout(timeout_obj);
transition(-1);
});
$('#ts_play_control').click(function() {
if (play_loop) {
$(this).attr('src', settings.img_path + '/gallery_button_play.png');
clearTimeout(timeout_obj);
play_loop = false;
} else {
$(this).attr('src', settings.img_path + '/gallery_button_pause.png');
timeout_obj = setTimeout(transition, settings.timeout);
play_loop = true;
}
});
this.children('li').each(
function () {
$(this).addClass('slide-' + (count)).addClass('ts_item');
count++;
}
);
/*
this.children('li').each(
function () {
$(this).addClass('slide-' + (count)).css({
opacity: 0,
whiteSpace: 'normal',
position: 'absolute',
top: 0,
left: 0,
right: 0,
});
count++;
}
);
setTimeout(function() {
list_obj.children('li').each(
function () {
if ($(this).outerHeight(true) > max_height) {
max_height = $(this).outerHeight(true);
}
//*** vertically center text ***
$(this).css({
height: $(this).outerHeight(true) + 'px',
bottom: 0,
margin: 'auto',
});
}
);
list_obj.css({
height: max_height + 'px',
});
}, 500);
*/
function first_slide() {
//$('.slide-' + current_item).animate({opacity: 1 }, settings.slide_time);
$('.ts_slide_current').html('<div class="ts_helper"></div><div class="ts_slide_inner">' + $('.slide-' + current_item).html() + '</div>');
timeout_obj = setTimeout(transition, settings.timeout);
}
function transition(offset) {
if ($('.ts_slide_current').first().is(':animated')) {
return;
}
clearTimeout(timeout_obj);
offset = offset || 1;
next_item = parseInt (current_item + offset);
if (next_item >= count) {
next_item = 0;
} else if (next_item < 0) {
next_item = count - 1;
}
var start_offset = offset * 100;
var start_offset = start_offset + '%';
var end_offset = offset * 100 * -1;
var end_offset = end_offset + '%';
var elem_current = $('.ts_slide_current').first();
var elem_next = $('.ts_slide_next').first();
$('.ts_slide_next').html('<div class="ts_helper"></div><div class="ts_slide_inner">' + $('.slide-' + next_item).html() + '</div>').css({left: start_offset});
$('.ts_slide_current').first().animate({left: end_offset}, settings.slide_time, function() {
});
$('.ts_slide_next').first().animate({left: 0}, settings.slide_time, function() {
elem_current.toggleClass('ts_slide_next');
elem_current.toggleClass('ts_slide_current');
elem_next.toggleClass('ts_slide_next');
elem_next.toggleClass('ts_slide_current');
});
current_item = next_item;
if (play_loop) {
timeout_obj = setTimeout(transition, settings.timeout);
}
}
return first_slide ();
};
}(jQuery));