Jump to content

berestok

Newbie
  • Posts

    2
  • Joined

  • Last visited

berestok's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. это плагин для ворд преса - слайдер новостей- но сам скрип довольно популярный, подумал- что все сведется заменой одной строчки кода - ну раз уж так все тяжело - что ж поделаешь, лучше стучать в рельсу.
  2. все работает, но мне не нравится один нюанс, когда доходит до конца списка он возвращается назад, прокручивая все предыдущие слайды, я хочу добиться чтобы дойдя до последнего слайда он продолжал листать их дальше начиная с первого, типа непрерывного круга $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>';
×
×
  • 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