Jump to content
  • 0

Как поправить слайдер?


berestok
 Share

Question

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

 $output = '<!--Automatic Image Slider w/ CSS & jQuery with some customization-->';    $output .='<script type="text/javascript">    $j = jQuery.noConflict();    $j(document).ready(function() {';     //Set Default State of each portfolio piece    if ($pagination_style != '3' ){        $output .='$j("#rps .paging").show();';    }    $output .='$j("#rps .paging a:first").addClass("active");        $j(".slide").css({"width" : '.$width.'});    $j("#rps .window").css({"width" : '.($width).'});    $j("#rps .window").css({"height" : '.$height.'});     $j("#rps .col").css({"width" : '.(($width/$post_per_slide)-2).'});    $j("#rps .col").css({"height" : '.($height-4).'});    $j("#rps .col p.post-title span").css({"color" : "'.($post_title_color).'"});    $j("#rps .post-date").css({"top" : '.($height-20).'});    $j("#rps .post-date").css({"width" : '.(($width/$post_per_slide)-12).'});';        if (!empty($post_title_bg_color_js)){        $output .='$j("#rps .col p.post-title").css({"background-color" : "'.($post_title_bg_color_js).'"});';    }        $output .='var imageWidth = $j("#rps .window").width();    //var imageSum = $j("#rps .slider div").size();    var imageReelWidth = imageWidth * '.$paging.';        //Adjust the image reel to its new size    $j("#rps .slider").css({"width" : imageReelWidth});     //Paging + Slider Function    rotate = function(){            var triggerID = $active.attr("rel") - 1; //Get number of times to slide        //alert(triggerID);        var sliderPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide         $j("#rps .paging a").removeClass("active");         $active.addClass("active");                //Slider Animation        $j("#rps .slider").stop(true,false).animate({             left: -sliderPosition        }, 500 );    };     var play;    //Rotation + Timing Event    rotateSwitch = function(){              play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds            $active = $j("#rps .paging a.active").next();            if ( $active.length === 0) { //If paging reaches the end...                $active = $j("#rps .paging a:first"); //go back to first            }            rotate(); //Trigger the paging and slider function        }, '.$slider_speed.');    };        rotateSwitch(); //Run function on launch        //On Hover    $j("#rps .slider a").hover(function() {        clearInterval(play); //Stop the rotation    }, function() {        rotateSwitch(); //Resume rotation    });         //On Click    $j("#rps .paging a").click(function() {         $active = $j(this); //Activate the clicked paging        //Reset Timer        clearInterval(play); //Stop the rotation        rotate(); //Trigger rotation immediately        rotateSwitch(); // Resume rotation        return false; //Prevent browser jump to link anchor    });}); </script>';
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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

Link to comment
Share on other sites

  • 0

дело в том что у непрерывного слайдера совсем другая философия. в вашем случае двигается весь слайдер (все слайды вместе), они выстроены один за другим потому когда доходит до последнего он и перематывает назад (прокручивает весь слайде обратно). а вам надо что бы слайдер переставлял каждый следующий слайд вконец, за счет чего и получится эффект непрерывности. так что вам нужно искать другой слайдер, с этим так не получится. (думаю что конечно накостылить можно, но это не правильно)

Link to comment
Share on other sites

  • 0

rotate()

Нужно переделать вот эту функцию

там правда несколько строк.

вставляешь первый слайд в конец, а первый слайд удаляешь 

и расстояние тоже подрегулировать нужно будет. с учетом на перемещение слайда.

В общем зацепку я дал - расскручивайте

 

кстати - скорость прокрутки тоже там

Edited by Николя223
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy