Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как такое забацать? (https://javascript.ru/forum/jquery/76409-kak-takoe-zabacat.html)

face2005 09.01.2019 16:10

как такое забацать?
 
http://prntscr.com/m4wh4x
сайт https://goxbet.com/
скрипты глянул, но что-то не работает

face2005 09.01.2019 16:11

(function($) {
	$.fn.HDWinnersSlider = function(options) {
		var defaults = {
			animDuration: 1000,
			animDelay: 5000
		};
		var settings = $.extend({}, defaults, options);
		var slider = $(this);
		if (slider.children().first() && slider.children().first().prop("tagName")) {
			var slideItem = slider.children().first().prop("tagName").toLowerCase();
			var slideItemsCount = slider.find(slideItem).length;
			var slideItemHeight = slider.find(slideItem).first().outerHeight();
			slider.css({
				"overflow": "hidden",
				"height": slideItemHeight * 3
			})

			function slide() {
				slider.find(slideItem).first().animate({
					"margin-top": parseInt(slideItemHeight) * -1
				}, settings.animDuration, function() {
					var firstEl = slider.find(slideItem).first();
					var lastEl = slider.find(slideItem).last();
					firstEl.insertAfter(lastEl).css("margin-top", 0);
				})
			}
			if (slideItemsCount > 3) {
				var autoSlide = setInterval(function() {
					slide();
				}, settings.animDelay);
				slider.hover(function() {
					clearInterval(autoSlide);
				}, function() {
					autoSlide = setInterval(function() {
						slide();
					}, settings.animDelay);
				})
			}
		}
	};
}(jQuery));




 $( document ).ready(function() {
                $(".hd-winners").HDWinnersSlider({
                    animDuration: 1000,
                    animDelay: 2000
                });
            });

face2005 09.01.2019 16:13

<ul class="hd-winners" style="overflow: hidden; height: 69px;">
 	<li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_gaminator_2winpower_450bb87df606c9e3744b6deca2d398d2d98eb723.png" alt="Aztec Gold" /> <span data-castomizer-group="Winner name">alex***</span> <span data-castomizer-group="Winner number">1.64 UAH</span></li>
 	<li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_Endorphina_423b1f5041d649ef65a7c6ae0c1cc7c5b19a43ff.jpg" alt="Lucky Streak 2" /> <span data-castomizer-group="Winner name">Nana***</span> <span data-castomizer-group="Winner number">14.55 USD</span></li>
    <li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_gaminator_2winpower_450bb87df606c9e3744b6deca2d398d2d98eb723.png" alt="Aztec Gold" /> <span data-castomizer-group="Winner name">alex***</span> <span data-castomizer-group="Winner number">1.64 UAH</span></li>
    <li><img style="width: 15px; height: 18px;" src="//goxbet.com/front/images/games/gr_Endorphina_423b1f5041d649ef65a7c6ae0c1cc7c5b19a43ff.jpg" alt="Lucky Streak 2" /> <span data-castomizer-group="Winner name">Nana***</span> <span data-castomizer-group="Winner number">14.55 USD</span></li>

</ul>


Часовой пояс GMT +3, время: 18:05.