Jak używać Lightboxa?

pytanie zadane 3 stycznia 2016 w HTML i CSS przez kacper1445 Gaduła (4,880 p.)

Niedawno ktoś z tego forum zaproponował mi użycie Lightboxa do zrobienia galerii zdjęć... Ale mam problem z jego użyciem... Zrobiłem wszystko (przynajmniej tak mi się wydaje) tak jak jest w instrukcji na oficjalnej stronie. Mógłby mi to ktoś tak na 'chłopski rozum' wytłumaczyć? Ewentualnie podesłać jakiś pomocny link.

2 odpowiedzi

odpowiedź 3 stycznia 2016 przez writen Nałogowiec (29,060 p.)

Proszę: http://lokeshdhakar.com/projects/lightbox2/#getting-started

Wszystko jest bardzo ładnie i prosto wyjaśnione.

komentarz 3 stycznia 2016 przez kacper1445 Gaduła (4,880 p.)

To jest ta instrukcja na oficjalnej stronie o której była mowa w pytaniu :) i mimo że przeczytałem ją chyba z 1000 razy to i tak nie działa...

komentarz 3 stycznia 2016 przez writen Nałogowiec (29,060 p.)

I chcesz żeby ktoś się domyślił co ci nie działa? Moja kryształowa kula jest na urlopie.

Na oficjalnej stronie wszystko jest wyjaśnione właśnie tak na chłopski rozum.

komentarz 3 stycznia 2016 przez kacper1445 Gaduła (4,880 p.)

No dobra... Może jakoś przez to przejdę...

komentarz 3 stycznia 2016 przez writen Nałogowiec (29,060 p.)

Jak liczysz na jakąś pomoc to musisz określić z czym masz problem. Na razie można wnioskować, że problem jest z czytaniem. Z tym akurat ci nikt nie pomoże.

A może ty byś był w stanie mi pomóc? No, bo komputer mi nie działa. Przeczytałem całą stronę producenta, ale dalej nie działa. Pomożesz?

odpowiedź 4 stycznia 2016 przez Paweł123 Nałogowiec (33,500 p.)

Tak sądzę, że nie podpiąłeś biblioteki jQuery.

Masz tutaj kod, który zrobiłem. U mnie działa :)

<!DOCTYPE html>
<html lang="en-us">
<head>
  <meta charset="utf-8">
  <title>Lightbox Example</title>
  <link rel="stylesheet" href="dist/css/lightbox.css">
</head>
<body>
<script src="dist/js/lightbox-plus-jquery.min.js"></script>
  
     
     
    
    <div>
      <a  href="<a href="http://www.qbikcatering.pl/data/themes/gravitan_catering_1.0/img/oferta3.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.qbikcatering.pl/data/themes/gravitan_catering_1.0/img/oferta3.jpg"</a> data-lightbox="example-set" data-title="Podpisujesz zdjęcie"><img src="<a href="http://www.qbikcatering.pl/data/themes/gravitan_catering_1.0/img/oferta3.jpg" "="" rel="nofollow" target="_blank" original-title="" title="">http://www.qbikcatering.pl/data/themes/gravitan_catering_1.0/img/oferta3.jpg"</a> width="500"/></a>
       
  
       
       
       
       
    </div>    
   
 
     
 
   
 
</body>
</html>

Wyciągasz foldery "dist" i "src" do głównego katalogu gdzie masz swoją stronę.

I jak działa?