Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CodeIgniter]Integracja lightbox problem
jacobson
post
Post #1





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

Witam, mam taki problem. Probowalem dolaczyc do swojej strony napisanej w CI jakiegos lightboxa. Probowalem juz kilku i za kazdym razem mam ten sam problem. Zamiast otwierac sie w okienku JS galerii to otwiera mi sie zwykla strona z obrazkiem.
Ostatnio probowalem z prettyPhoto bo ktos mi to polecil
http://www.no-margin-for-errors.com/projec...#33;prettyPhoto
Wczesniej probowalem Slimbox2.
Oba te lightboxy probowalem uruchomic bez zadnego frameworka i wtedy dzialalo bez zarzutow. Wszystkie pliki dodalem jak nalezy, plik css i js laduje w sekcji head w pliku i inicjalizuje dokladnie tak jak jest podane w przykladzie.

Nie wiem czy potrzeba jakos integrowac lighboxa z CodeIgniterem czy czego to moze byc przyczyna?
Moze ktos juz wyprobowal jakiegos lighboxa z CodeIgniterem i jest w stanie mi go polecic smile.gif
z gory dzieki za pomoc,
pozdrawiam
Go to the top of the page
+Quote Post
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Podpinasz JS w ogóle?


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
jacobson
post
Post #3





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

no tak no 

[PHP] pobierz, plaintext 
  1.  
  2.         <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/prettyPhoto.css" media="screen"/>
  3.         <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.prettyPhoto.js"></script>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
pedro84
post
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Sprawdź sobie Firebugiem co masz za błędy i będziesz wszystko wiedział.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
jacobson
post
Post #5





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

problem w tym ze ja nie mam zadnych bledow... laduje sie strona galerii, wszystko sie laduje poprawnie, po wcisnieciu na link ktory powinien otworzyc okienko JS z galeria to otwiera sie strona z danym zdjeciem. Tak wiec firebug nie znajduje zadnego bledu bo zdjecie sie otwiera. Co z tego ze nie tak jak powinno tongue.gif
Go to the top of the page
+Quote Post
pedro84
post
Post #6





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

Podaj URL.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
jacobson
post
Post #7





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

to wszystko mam na localhoscie...

[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  5.         <META HTTP-EQUIV="Content-Language" CONTENT="pl">
  6.         <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/style.css" />
  7.         <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/style-slideshow.css" />
  8.         <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/prettyPhoto.css" media="screen"/>
  9.         <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.6.2.min.js"></script>
  10.         <script type="text/javascript" src="<?php echo base_url(); ?>js/slider.js"></script>
  11.         <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.prettyPhoto.js"></script>
  12.         <title><?php echo $title; ?></title>
  13.     </head>
[PHP] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <script type="text/javascript" charset="utf-8">
  2.     $(document).ready(function(){
  3.         $("area[rel^='prettyPhoto']").prettyPhoto();
  4.  
  5.         $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
  6.         $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
  7.  
  8.         $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
  9.             custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
  10.             changepicturecallback: function(){ initialize(); }
  11.         });
  12.  
  13.         $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
  14.             custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
  15.             changepicturecallback: function(){ _bsap.exec(); }
  16.         });
  17.     });
  18. </script>
  19. <ul class="gallery clearfix">
  20.     <li><a href="/images/nauka.png" rel="prettyPhoto[gallery1]" title="You can add caption to pictures. You can add caption to pictures. You can add caption to pictures.">123</a></li>
  21. </ul>
[PHP] pobierz, plaintext


reszta to plik css od prettyPhoto i plik JS.

bylbym wdzieczny jakby ktos pod reka mial CI i mogl sciagnac tego lightboxa, bo moze to ja cos zle robie.

Ten post edytował jacobson 27.08.2011, 15:11:24
Go to the top of the page
+Quote Post
markonix
post
Post #8





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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

Nie chce mi się wierzyć, że FB nic nie pokazuje.
Wyraźnie jest błąd JS (otwarcie strony ze zdjęciem).


--------------------
eBizo.pl || Generator losowych haseł || Doładowania telefonów (VAT 23%), w tym płatność BITcoin || Zwiększ liczbę wejść na Twoją stronę
Go to the top of the page
+Quote Post
vvolv
post
Post #9





Grupa: Zarejestrowani
Postów: 15
Pomógł: 5
Dołączył: 31.07.2011

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

W sumie to są trzy możliwości:
1. Tak jak kolega wyżej napisał, skopałeś coś w kodzie i wywala błędy.
2. Kod jest poprawny(interpretuje się), ale nie przechwytuje zdarzenia.
3. Plugin nadaje się do kosza.

Osobiście obstawiam numer 1.


Edit:
Sprawdź TYLKO to:
[HTML] pobierz, plaintext 
  1.  $("a[rel^='prettyPhoto']").prettyPhoto();
[HTML] pobierz, plaintext


Jeżeli dalej nie działa, sprawdź czy serwer w ogóle serwuje twoje pliki (JS i CSS)

Ten post edytował vvolv 27.08.2011, 15:29:41
Go to the top of the page
+Quote Post
jacobson
post
Post #10





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  5.         <META HTTP-EQUIV="Content-Language" CONTENT="pl">
  6.         <link rel="stylesheet" type="text/css" href="http://localhost/css/style.css" />
  7.         <link rel="stylesheet" type="text/css" href="http://localhost/css/style-slideshow.css" />
  8.         <link rel="stylesheet" type="text/css" href="http://localhost/css/prettyPhoto.css" media="screen"/>
  9.         <script type="text/javascript" src="http://localhost/js/jquery-1.6.2.min.js"></script>
  10.         <script type="text/javascript" src="http://localhost/js/slider.js"></script>
  11.         <script type="text/javascript" src="http://localhost/js/jquery.prettyPhoto.js"></script>
  12.         <script type="text/javascript" charset="utf-8">
  13.     $(document).ready(function(){
  14.         $("area[rel^='prettyPhoto']").prettyPhoto();
  15.  
  16.  
  17.     });
  18. </script>
  19.         <title>Galeria</title>
  20.     </head>
  21.     <body>
  22.         <div id="container">
  23.             <div id="header">
  24.                 <a href="http://localhost/" id="banner"> </a>                <div id="header_right">
  25.                     <div id="menu">
  26.                         <ul>
  27.   <li><a href="http://localhost/">Strona Główna</a></li>
  28.   <li><a href="http://localhost/uczestnictwo">Uczestnictwo</a></li>
  29.   <li><a href="http://localhost/gallery">Galeria</a></li>
  30.   <li><a href="http://localhost/zajecia">Zajęcia</a></li>
  31. </ul>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35. <ul class="gallery clearfix">
  36.     <li><a href="/images/nauka.png" rel="prettyPhoto" title="You can add caption to pictures. You can add caption to pictures. You can add caption to pictures.">123</a></li>
  37. </ul>
  38. <div id="split_line"></div>
  39. <div id="footer">
  40.     <div id="footer_links">
  41.         <ul>
  42.   <li><a href="http://localhost/o-nas">O nas</a></li>
  43.   <li><a href="http://localhost/kontakt">Kontakt</a></li>
  44. </ul>
  45.     </div>
  46. </div>
  47. </div>
  48. </body>
  49. </html>
[PHP] pobierz, plaintext


aktualnie po zmianie zostalo tak. Firebug nic nie pokazuje.

po wejsciu na strone galerii:
http://screenshotuploader.com/s/9BxmHdMwwt
po nacisnieciu linku ktory powinien odpalic okno js.
http://screenshotuploader.com/s/uAftZndXhE0

nie do konca rozumiem tego ze nie przechwytuje zdarzenia i dlaczego mialby nie przechwytywac i jak to moznaby "naprawic" ?
Go to the top of the page
+Quote Post
pedro84
post
Post #11





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

[HTML] pobierz, plaintext 
  1. $("area[rel^='prettyPhoto']").prettyPhoto();
  2.  
  3.  
  4. });
[HTML] pobierz, plaintext

Widzisz subtelną różnicę? Przypatrz się dobrze...

Ten post edytował pedro84 27.08.2011, 22:26:36


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
jacobson
post
Post #12





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

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

nawias zamykajacy jest od $(document).ready wiec nie wiem o co innego chodzi ( ten area a samo "a" tez nic nie pomaga) (nawet po jej skasowaniu nic sie nie zmienia). Stad ta prosba czy moze ktos kto ma CI moglby sprawdzic czy jak on wstawi te pliki do siebie na localhosta to zadzialaja.

http://screenshotuploader.com/s/YbwaOGMmMc
nie jestem pewien co to moze oznaczac :/

Ten post edytował jacobson 28.08.2011, 09:38:35
Go to the top of the page
+Quote Post
pedro84
post
Post #13





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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

A, nie area skoro chcesz przechwytywać kliknięcia na link.


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
« Następny starszy · Frameworki · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 06:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn