Witam
Nie działa mi wtyczka lightbox do wyświetlania zdjęć i nie wiem czemu, wydaje mi się że wszystko zrobiłem dobrze.
I tak wypakowałem rzeczy z folderu dist

[PHP] pobierz, plaintext 
 
<meta charset="utf-8"/>
 
<link rel="stylesheet" type="text/css" href="style.css" />
 
<link href="css/lightbox.css" rel="stylesheet" />
 
<script src="js/lightbox.js"></script>
 
<?
 
require_once("stale.php");
 
 
 
                    //raportowanie bledow php
 
                    error_reporting(E_ALL);
 
                    ini_set('display_errors', 'on');
 
//wyswietlenie menu (kategori)
 
function showMenu(){
 
    global $connect; 
 
 
 
     //pobieranie rekordow z bazy                   
 
    $result = mysqli_query($connect, "SELECT * FROM categories");
 
 
 
    //link do strony głównej
 
    echo "<a href='http://kafar.nazwa.pl/Sklep/index.php'>Strona główna</a><br />";
 
 
 
    //wyswietlanie rekordow z bazy w petli
 
    while($row = mysqli_fetch_assoc($result)) {
 
        $name = $row['name'];
 
        $id = $row['id'];
 
        echo "<a href='http://kafar.nazwa.pl/Sklep/index.php?cat_id=$id'>$name</a>";
 
        echo "<br />";
 
    }
 
}
 
//funkcja do wyswietlania produktow z danej kategorii   
 
function showCategory($category_id = null){
 
 
 
    global $connect;
 
    if($category_id){
 
        $result = mysqli_query($connect, "SELECT * FROM products WHERE category_id = '$category_id'");
 
    } 
 
    else{
 
        $result = mysqli_query($connect, "SELECT * FROM products");
 
    }
 
 
 
    //wyswietlanie rekordow z bazy w petli
 
    while($row = mysqli_fetch_assoc($result)) {
 
        echo "<div>";
 
        echo "<h2>".$row['name']."</h2>";
 
        echo "<h3> Cena: ".$row['price']."</h3>";
 
        $index = $row['index'];
 
 
 
        foreach (getProductPictures($index) as $image) {
 
 
 
            echo "<a data-lightbox='$index' href='foto/$image'>";
 
            echo "<img src='foto/thumbs/$image'>";
 
            echo "</a>";
 
            echo "<br />";
 
        }
 
        echo $row['description'];
 
        echo "</div>";
 
    }
 
 
 
}
 
 
 
function getProductPictures($index){
 
    $images = array();
 
 
 
    //W02-x
 
    for($i=0;$i<10;$i++){
 
 
 
        $filename = $index."-".$i.".jpg";
 
        $filepath = "foto/$filename";
 
 
 
        if(file_exists($filepath)) {
 
            $images[] = $filename;
 
        }
 
    }
 
    return $images;
 
}
 
 
 
//Łaczenie z baza danych
 
$connect = mysqli_connect(HOST, USER, PASSWORD, NAZWA_BAZY, PORT)
 
                    or die('Brak połączenia z serwerem MySQL'); 
 
 
 
                        echo 'Połączenie nawiązane<br />';
 
 
 
                        //kodowanie
 
                        mysqli_query($connect,"SET NAMES 'utf8'");
 
?>
 
<div id="content">
 
<?
 
echo "<div id='menu'>";
 
showMenu();
 
echo "</div>";  
 
 
 
 
 
echo "<div id='products'>"; 
 
 
 
    if(isset($_GET['cat_id'])) {
 
        $categories_id = $_GET['cat_id'];
 
    }
 
    else{
 
        $categories_id = null;
 
    }
 
 
 
showCategory($categories_id);
 
mysqli_close($connect); 
 
echo "</div>";  
 
?>
 
</div>
[PHP] pobierz, plaintext 

Na początek, przenieś

[HTML] pobierz, plaintext 
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $("area[rel^='prettyPhoto']").prettyPhoto();
});
</script>
[HTML] pobierz, plaintext 

Przed tak </body>

Info: http://www.no-margin-for-errors.com/blog/2...m-an-image-map/