Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Konflikt Lightbox i Nivoslider
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Gadziu
31.08.2011, 10:22:40
Witam,
mam problem taki, że na jednej stronie mam małą automatyczną galerię w nivo i normalną galerię w Lightbox. I teraz problem jest taki, że jak chodzi jedno, to nei chodzi drugie. Co można z tym zrobić?
tu jest kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <HTML>
  4. <HEAD>
  5. <TITLE></TITLE>
  6. <META http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  7. <META content="Tu wpisz opis zawartości strony" name=
  8. "Description">
  9. <META content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami"
  10. name="Keywords">
  11. <script type="text/javascript" src="js/prototype.js"></script>
  12. <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
  13. <script type="text/javascript" src="js/lightbox.js"></script>
  14. <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  16. <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
  17. <script type="text/javascript">
  18.   $.noConflict();
  19.   jQuery(document).ready(function($) {
  20.     // Code that uses jQuery's $ can follow here.
  21.   });
  22.   // Code that uses other library's $ can follow here.
  23. </script>
  24. <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
  25. <link rel="stylesheet" href="themes/orman/orman.css" type="text/css" media="screen" />
  26. <link rel="stylesheet" href="themes/pascal/pascal.css" type="text/css" media="screen" />
  27. <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  28. <STYLE type="text/css">
  29. body {background-image:url('tlo.jpg'); 
  30. background-repeat:no-repeat;
  31. background-attachment:fixed;}
  32. </STYLE>
  33. <LINK rel="stylesheet" type="text/css" href="css/menu-menu.css"
  34. media="screen">
  35. <LINK rel="stylesheet" type="text/css" href="css/top.css">
  36.  
  37. </HEAD>
  38. <BODY>
  39. <DIV align="center">
  40. <DIV id="top">
  41. <DIV id="NAGLOWEK"><IMG title=""  alt="" src=
  42. "logo.png"  border="0" onmousedown="return false"
  43. oncontextmenu="return false" onselectstart="return false"
  44. onselect="return false" oncopy="return false" ondragstart=
  45. "return false" ondrag="return false">
  46. <UL class="menu-menu">
  47. <LI class="first"><A href="home.html">Home</A></LI>
  48. <LI><A href="onas.html">O Nas</A></LI>
  49. <LI><A href="galeria.html">Galeria</A></LI>
  50. <LI><A href="jedzenie.html">Jedzenie</A>
  51. <UL>
  52. <LI class="first"><A href="menu.html">Menu</A></LI>
  53. <LI><A href="galeriaj.html">Galeria</A></LI>
  54. </UL>
  55. </LI>
  56. <LI><A href="cennik.html">Cennik</A></LI>
  57. <LI><A href="kontakt.html">Kontakt</A>
  58. <UL>
  59. <LI class="first"><A href="info.html">Info</A></LI>
  60. <LI><A href="dojazd.html">Dojazd</A></LI>
  61. </UL>
  62. </LI>
  63. </UL>
  64. </DIV>
  65. <DIV id="MENU">
  66. <div class="slider-wrapper theme-default">
  67.     <div class="ribbon"></div>
  68.     <div id="slider" class="nivoSlider">
  69.         <img src="DSC07956.jpg" wialt="" />
  70.         <img src="DSC07957.jpg" alt="" />
  71.         <img src="DSC07958.jpg" alt="" />
  72.         <img src="DSC07959.jpg" alt="" />
  73.     </div>
  74. </div>
  75.  
  76. <script type="text/javascript">
  77. $(window).load(function() {
  78.     $('#slider').nivoSlider({
  79.         effect:'fade', //    sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold fade random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse
  80.         slices:20, //ile kawałków przypada na animację
  81.         animSpeed:1000, //szybkość animacji
  82.         pauseTime:7000, //szybkość zatrzymania na slajdzie
  83.         startSlide:0, //zaczynamy od slajda
  84.         directionNav:true, //czy pokazać strzałki next - prev
  85.         directionNavHide:true, //pokaż strzałki tylko po najechaniu
  86.         controlNav:true, //pokaż klikalne 1,2,3...
  87.         controlNavThumbs:false, //użyj miniaturek dla powyższych
  88.         controlNavThumbsFromRel:false, //użyj relatywnych ścieżek z miniaturek
  89.         controlNavThumbsSearch: '.jpg', //Replace this with...
  90.         controlNavThumbsReplace: '_thumb.jpg', //nazwa miniaturki
  91.         keyboardNav:true, //użyj klawiatury (lewo / prawo)
  92.         pauseOnHover:true, //zatrzymaj po najechaniu myszką
  93.         manualAdvance:false, //własne przejście
  94.         captionOpacity:0.8, //przezroczystość opisów
  95.         beforeChange: function(){}, //zdarzenie wywoływane tuż przed animacją
  96.         afterChange: function(){}, //zdarzenie wywoływane tuż po animacji
  97.         slideshowEnd: function(){}, //wywoływane po animacji wszystkich slajdów
  98.         lastSlide: function(){}, //po pokazaniu ostatniego slajdu
  99.         afterLoad: function(){} //wywołane po załadowaniu slajdów (grafik)
  100.     });
  101. });
  102. </script>
  103. </DIV>
  104. <DIV id="TRESC">
  105. <a href="images/jastarnia01.jpg" rel="lightbox[12]"><img class="galeria" src="images/jastarnia.jpg" alt="Jastarnia" /><a href="images/jastarnia.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/Jastarnia-2004r.-miasto__4050.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/jastarnia_foto1.jpg" rel="lightbox[12]" title="Jastarnia">
  106.                 </a>
  107.                 <a href="images/jastarnia01.jpg" rel="lightbox[12]"><img class="galeria" src="images/jastarnia.jpg" alt="Jastarnia" /><a href="images/jastarnia.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/Jastarnia-2004r.-miasto__4050.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/jastarnia_foto1.jpg" rel="lightbox[12]" title="Jastarnia">
  108.                 </a>
  109.                 <a href="images/jastarnia01.jpg" rel="lightbox[12]"><img class="galeria" src="images/jastarnia.jpg" alt="Jastarnia" /><a href="images/jastarnia.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/Jastarnia-2004r.-miasto__4050.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/jastarnia_foto1.jpg" rel="lightbox[12]" title="Jastarnia">
  110.                 </a>
  111.                 <a href="images/jastarnia01.jpg" rel="lightbox[12]"><img class="galeria" src="images/jastarnia.jpg" alt="Jastarnia" /><a href="images/jastarnia.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/Jastarnia-2004r.-miasto__4050.jpg" rel="lightbox[12]" title="Jastarnia"><a href="images/jastarnia_foto1.jpg" rel="lightbox[12]" title="Jastarnia">
  112.                 </a>
  113.          </DIV>
  114. <DIV id="STOPKA">
  115. <HR color="#465767" size="1">
  116. Stopka serwisu</DIV>
  117. </DIV>
  118. </DIV>
  119. </BODY>
  120. </HTML>
[HTML] pobierz, plaintext


W tym momencie chodzi Lightbox, ale nivo nie chodzi tzn kręci mi się tylko to "kółeczko", ale nie wczytuję zdjęć....
Proszę o pomoc:)
erix
31.08.2011, 10:43:42
Google: jQuery noconflict.

Ale proponuję znaleźć biblioteki, które będą działały na tym samym frameworku; szkoda transferu.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.