PROGRESO | WEBESTEEM | ART&DESIGN MAGAZINE 
Forum webesteem Strona Główna webesteem:forum

   Regulamin | Szukaj | Użytkownicy | Grupy | Statystyki | Ostatnie tematy | RSS | Rejestracja | Profil | Skrzynka | Zaloguj

jQuery conflict??
Idź do strony Poprzedni  1, 2
 
Napisz nowy temat   Odpowiedz do tematu    Forum webesteem Strona Główna | html i javascript
Zobacz poprzedni temat :: Zobacz następny temat  
Autor Wiadomość
P1ter




Od: 2010.08.28
Posty: 1
Skąd: Kraków

PostWysłany: 2010.08.28 12:51    Temat postu:

Jest to mój pierwszy post na forum, tak więc witam wszystkich serdecznie. Mam podobny problem jak poruszany tutaj wcześniej, więc nie będę zakładał nowego tematu. O JQuery wiem bardzo mało, jak na tą chwilę korzystam z tutoriali i gotowych rozwiązań. Na stronie gryzą mi się dwa skrypty jeden do animacji zdjęć na górze strony, a drugi to piroBox (galeria zdjęć). Zastosowałem metodę jQuery.noConflict();, niestety nic to nie dało, skrypt do wyświetlania zdjęć działa beż zarzutu, natomiast animacja zdjęć na górze strony przestała działać. Strona to na razie projekt, można ją zobaczyć tutaj: http://www.stuntdvd.pl/mg/www/galeria.html

tak wygląda połączony kod obydwu skryptów:

Kod:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
   <script type="text/javascript" src="js/pirobox.js"></script>
   <script>
   var $j = jQuery.noConflict();
   $j(document).ready(function(){
   $j().piroBox({
            my_speed: 300, //animation speed
            bg_alpha: 0.5, //background opacity
            slideShow : 'true', // true == slideshow on, false == slideshow off
            slideSpeed : 3, //slideshow
            close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
      });
     
      //Set Default State of each portfolio piece
   $(".paging").show();
   $(".paging a:first").addClass("active");
      
   //Get size of images, how many there are, then determin the size of the image reel.
   var imageWidth = $(".window").width();
   var imageSum = $(".image-reel img").size();
   var imageReelWidth = imageWidth * imageSum;
   
   //Adjust the image reel to its new size
   $(".image-reel").css({'width' : imageReelWidth});
   
   //Paging + Slider Function
   rotate = function(){   
      var triggerID = $active.attr("rel") - 1; //Get number of times to slide
      var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

      $(".paging a").removeClass('active'); //Remove all active class
      $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
      
      //Slider Animation
      $(".image-reel").animate({
         left: -image_reelPosition
      }, 500 );
      
   };
   
   //Rotation + Timing Event
   rotateSwitch = function(){      
      play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
         $active = $('.paging a.active').next();
         if ( $active.length === 0) { //If paging reaches the end...
            $active = $('.paging a:first'); //go back to first
         }
         rotate(); //Trigger the paging and slider function
      }, 9000); //Timer speed in milliseconds (3 seconds)
   };
   
   rotateSwitch(); //Run function on launch
   
   //On Hover
   $(".image-reel a").hover(function() {
      clearInterval(play); //Stop the rotation
   }, function() {
      rotateSwitch(); //Resume rotation
   });   
   
   //On Click
   $(".paging a").click(function() {   
      $active = $(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>



Ktoś może dopatrzy się jakiegoś błędu w połączeniu obydwu skryptów, albo znajdzie jakieś rozwiązanie problemu. Będę bardzo wdzięczny za pomoc.



Piter
^
Odpowiedz z cytatem
Wyświetl posty z ostatnich:   
Napisz nowy temat   Odpowiedz do tematu    Forum webesteem Strona Główna | html i javascript Wszystkie czasy w strefie CET (Europa)
Idź do strony Poprzedni  1, 2
Strona 2 z 2

 
Skocz do:  
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach

FAQ


serwery wirtualne, tanie domeny

Powered by phpBB © 2001, 2005 phpBB Group

83061414

Page generation time: 0.0284s (PHP: 86% - SQL: 14%) - SQL queries: 14 - GZIP enabled - Debug off