Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] jquery gryzie się z lightbox
skw
post
Post #1





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 14.11.2008

Ostrzeżenie: (0%)
-----


Mam na stronie skrypt galerii lightbox i slider obrazków, który wykorzystuje jquery.
Oba skrypty nie chcą ze sobą działać. W takim układzie działa slider, ale nie działa lightbox

  1. <script type="text/javascript" src="{$adres}js/prototype.js"></script>
  2. <script type="text/javascript" src="{$adres}js/scriptaculous.js?load=effects,builder"></script>
  3. <script type="text/javascript" src="{$adres}js/lightbox.js"></script>
  4.  
  5. {literal}
  6. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  7. <script type="text/javascript">
  8. $(document).ready(function(){
  9. var currentPosition = 0;
  10. var slideWidth = 560;
  11. var slides = $('.slide');
  12. var numberOfSlides = slides.length;
  13.  
  14. // Remove scrollbar in JS
  15. $('#slidesContainer').css('overflow', 'hidden');
  16.  
  17. // Wrap all .slides with #slideInner div
  18. slides
  19. .wrapAll('<div id="slideInner"></div>')
  20. // Float left to display horizontally, readjust .slides width
  21. .css({
  22. 'float' : 'left',
  23. 'width' : slideWidth
  24. });
  25.  
  26. // Set #slideInner width equal to total width of all slides
  27. $('#slideInner').css('width', slideWidth * numberOfSlides);
  28.  
  29. // Insert controls in the DOM
  30. $('#slideshow')
  31. .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
  32. .append('<span class="control" id="rightControl">Clicking moves right</span>');
  33.  
  34. // Hide left arrow control on first load
  35. manageControls(currentPosition);
  36.  
  37. // Create event listeners for .controls clicks
  38. $('.control')
  39. .bind('click', function(){
  40. // Determine new position
  41. currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
  42.  
  43. // Hide / show controls
  44. manageControls(currentPosition);
  45. // Move slideInner using margin-left
  46. $('#slideInner').animate({
  47. 'marginLeft' : slideWidth*(-currentPosition)
  48. });
  49. });
  50.  
  51. // manageControls: Hides and Shows controls depending on currentPosition
  52. function manageControls(position){
  53. // Hide left arrow if position is first slide
  54. if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
  55. // Hide right arrow if position is last slide
  56. if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  57. }
  58. });
  59. {/literal}


Natomiast po przeniesieniu
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
na początek działa lightbox, ale nie działa slider. Ktoś wie wie w czym problem?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 13:04