Ayuda con un slider en jquery

  • Autor Autor luchomh1
  • Fecha de inicio Fecha de inicio
L

luchomh1

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas en esta oportunidad quisiera ver si me pueden ayudar con un slider que ando haciendo algo sencillo, el slider funciona pero
lo que deseo es poner un .resize para q cuando se achique el slider tambien se cambie de tamaño , haber si me echan una mano para poder terminarlo. Gracias 😀

Insertar CODE, HTML o PHP:
$(document).on("ready",function() {
	setInterval(function () {moveRight() ; }, 2000);
	var slideCount = $('#slider ul li').length;
	var slideWidth = $('#slider ul li').width(); 
	var width = $("#page-container").width();
	var slideHeight = $('#slider ul li').height();
	var sliderUlWidth = slideCount * slideWidth;
	var slideCount,slideWidth,width,slideHeight,sliderUlWidth; 

	// $(window).resize(function(){
	// 	var slideCount = $('#slider ul li').length;
	// 	var slideWidth = $('#slider ul li').width();
	// 	console.log(slideWidth);
	// 	var width = $("#page-container").width();
	// 	var slideHeight = $('#slider ul li').height();
	// 	var sliderUlWidth = slideCount * slideWidth; 
	// });

	$('#slider').css({ width: slideWidth, height: slideHeight });
	$('#slider ul').css({ width: sliderUlWidth, marginLeft: - slideWidth });
	$('#slider ul li').css({ width: width});
    $('#slider ul li:last-child').prependTo('#slider ul');
    function moveRight() {
       $('#slider ul').animate({
           left: - slideWidth
       }, 700, function () {
           $('#slider ul li:first-child').appendTo('#slider ul');
           $('#slider ul').css('left', '');
       });
   };
});
 
Atrás
Arriba