Pixlie mit Lightbox 2

Diese Demo zeigt die Verwendung von Pixlie in Kombination mit der beliebten Javascript Bibiliothek Lightbox 2 von Lokesh Dhakar.

Unterverzeichnisse

Von Pixlie gelieferte Daten

Bilderdaten in der Variable $pixlie_table_file:

Array
(
    [0] => Array
        (
            [name] => 2615078036_4f4aa75b15_o
            [link_get] => ?q=/2615078036_4f4aa75b15_o
            [link_pathinfo] => /2615078036_4f4aa75b15_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671537
            [size] => 174930
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/julianrosario/2615078036/
            [iptc_byline] => J. Rosario
            [iptc_object_name] => HDR on the Scioto Bank
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [1] => Array
        (
            [name] => 2710692743_7a4f7e00c2_o
            [link_get] => ?q=/2710692743_7a4f7e00c2_o
            [link_pathinfo] => /2710692743_7a4f7e00c2_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671537
            [size] => 350449
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/nph_photography/2710692743/
            [iptc_byline] => Neil_Henderson
            [iptc_object_name] => Callendar House HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [2] => Array
        (
            [name] => 2803789511_c20c4cfbce_o
            [link_get] => ?q=/2803789511_c20c4cfbce_o
            [link_pathinfo] => /2803789511_c20c4cfbce_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671537
            [size] => 2947354
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/ajagendorf25/2803789511/
            [iptc_byline] => ajagendorf25
            [iptc_object_name] => HDR Vallerno
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [3] => Array
        (
            [name] => 1342772072_2dd9175788_o
            [link_get] => ?q=/1342772072_2dd9175788_o
            [link_pathinfo] => /1342772072_2dd9175788_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 1521374
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/afferent/1342772072/
            [iptc_byline] => D?vid
            [iptc_object_name] => Trolly HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [4] => Array
        (
            [name] => 2274800749_ee37b041b2_o
            [link_get] => ?q=/2274800749_ee37b041b2_o
            [link_pathinfo] => /2274800749_ee37b041b2_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 1508250
            [extension] => .jpg
            [iptc_byline] => Jim Sneddon
            [iptc_contact] => http://www.flickr.com/photos/sneddon/2274800749/
            [iptc_object_name] => Newport Beach Sunset HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [5] => Array
        (
            [name] => 2313553921_59ba0998b9_o
            [link_get] => ?q=/2313553921_59ba0998b9_o
            [link_pathinfo] => /2313553921_59ba0998b9_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 6112914
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/afferent/2313553921/
            [iptc_byline] => D?vid
            [iptc_object_name] => Vomitous HDR Sunset
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [6] => Array
        (
            [name] => 2333257679_6370171cbd_b
            [link_get] => ?q=/2333257679_6370171cbd_b
            [link_pathinfo] => /2333257679_6370171cbd_b
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 285011
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/josephlindley/2333257679/
            [iptc_byline] => joseph.lindley
            [iptc_object_name] => HDR Chorlton Waterpark
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [7] => Array
        (
            [name] => 514822717_a311def321_o
            [link_get] => ?q=/514822717_a311def321_o
            [link_pathinfo] => /514822717_a311def321_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 3221542
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/msiebuhr/514822717/
            [iptc_byline] => Siebuhr
            [iptc_object_name] => Nyhavn HDR Redoux
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [8] => Array
        (
            [name] => 1365816506_3c4ceb9232_o
            [link_get] => ?q=/1365816506_3c4ceb9232_o
            [link_pathinfo] => /1365816506_3c4ceb9232_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671536
            [size] => 3359492
            [extension] => .jpg
            [] => Sean McGrath
            [iptc_copyright] => Creative Commons by
            [iptc_keywords] => HDR
            [iptc_contact] => http://www.flickr.com/photos/mcgraths/1365816506/
            [iptc_byline] => seanmcgrath
            [iptc_object_name] => Uluwatu Temple, Bali (HDR)
            [iptc_priority] => 5
        )

    [9] => Array
        (
            [name] => 152042832_e949a36783_o
            [link_get] => ?q=/152042832_e949a36783_o
            [link_pathinfo] => /152042832_e949a36783_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671535
            [size] => 1200678
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/piddysplace/152042832/
            [iptc_byline] => piddy77
            [iptc_object_name] => angel 2 hdr
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [10] => Array
        (
            [name] => 230204971_ab4f3a555b_o
            [link_get] => ?q=/230204971_ab4f3a555b_o
            [link_pathinfo] => /230204971_ab4f3a555b_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671535
            [size] => 384269
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/dominiqs/230204971/
            [iptc_byline] => dominiqs81
            [iptc_object_name] => Meteora HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [11] => Array
        (
            [name] => 435685578_07bf16ca33_o
            [link_get] => ?q=/435685578_07bf16ca33_o
            [link_pathinfo] => /435685578_07bf16ca33_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671535
            [size] => 520549
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/revdave/435685578/
            [iptc_byline] => iowa_spirit_walker
            [iptc_object_name] => path (hdr 3-layer orton)
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [12] => Array
        (
            [name] => 454666798_6cf101c513_o
            [link_get] => ?q=/454666798_6cf101c513_o
            [link_pathinfo] => /454666798_6cf101c513_o
            [atime] => 1337207331
            [ctime] => 1330901923
            [mtime] => 1228671535
            [size] => 766122
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/radiofish/454666798/
            [iptc_byline] => RadioFish
            [iptc_object_name] => HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [13] => Array
        (
            [name] => 1223768432_2f326cbd5a_o
            [link_get] => ?q=/1223768432_2f326cbd5a_o
            [link_pathinfo] => /1223768432_2f326cbd5a_o
            [atime] => 1337207331
            [ctime] => 1330901922
            [mtime] => 1228671536
            [size] => 162481
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/melinewaxx/1223768432/
            [iptc_byline] => MélineW
            [iptc_object_name] => HDR at Le Louvre
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [14] => Array
        (
            [name] => 2573000162_9603cee276_b
            [link_get] => ?q=/2573000162_9603cee276_b
            [link_pathinfo] => /2573000162_9603cee276_b
            [atime] => 1337207331
            [ctime] => 1330901922
            [mtime] => 1228671536
            [size] => 485583
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/27550334@N04/2573000162/
            [iptc_byline] => IAmBrom
            [iptc_object_name] => masuccio hdr
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [15] => Array
        (
            [name] => 888460644_7446e79ce4_o
            [link_get] => ?q=/888460644_7446e79ce4_o
            [link_pathinfo] => /888460644_7446e79ce4_o
            [atime] => 1337207331
            [ctime] => 1330901922
            [mtime] => 1228671536
            [size] => 284970
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/tanvach/888460644/
            [iptc_byline] => tanvach
            [iptc_object_name] => boats, sunrise and HDR
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [16] => Array
        (
            [name] => 300932926_8109bb981e_o
            [link_get] => ?q=/300932926_8109bb981e_o
            [link_pathinfo] => /300932926_8109bb981e_o
            [atime] => 1337207331
            [ctime] => 1330901922
            [mtime] => 1228671535
            [size] => 2205526
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/tranq72/300932926/
            [iptc_byline] => ! tranq72 !
            [iptc_object_name] => Fall (hdr version)
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

)

Unterordner in der Variable $pixlie_table_dir:

Array
(
    [0] => Array
        (
            [link_get] => ?q=/Makro
            [link_pathinfo] => /Makro
            [name] => Makro
            [atime] => 1337142315
            [ctime] => 1330901923
            [mtime] => 1228672314
        )

    [1] => Array
        (
            [link_get] => ?q=/Tilt-Shift+Fotografie
            [link_pathinfo] => /Tilt-Shift+Fotografie
            [name] => Tilt-Shift Fotografie
            [atime] => 1337178171
            [ctime] => 1330901922
            [mtime] => 1227883093
        )

)

Umgebungsdaten in der Variable $pixlie_table_env:

Array
(
    [status] => 1
    [numberof_file] => 17
    [numberof_dir] => 2
    [query] => 
    [path_pixlie] => http://www.pixlie.de/demos/pixlie.php
)
Quellcode dieser Datei 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <title>Pixlie Demo</title>
  <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
  <script src="js/prototype.js" type="text/javascript"></script>
  <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
  <script src="js/lightbox.js" type="text/javascript"></script>
</head>
<body>

  <?php
    $response_type = 'php';   //Ausgabe auf php umstellen
    include('../pixlie.php'); //Einbinden von Pixlie
  ?>

  <div id="header">
    <a href="index.php">
      <img src="http://www.pixlie.org/images/Logo-neu.png" alt="Pixlie Demo" />
    </a>
  </div>
  
  <div class="bilderliste">
    <ul>
    <?php foreach ($pixlie_table_file as $picture){ ?>
      <li>
        <!-- Baue Link zu Bildtyp "y": Pfad zu Pixlie / Query zum Bild / _y + Dateiendung -->
        <a href="<?php echo $pixlie_table_env['path_pixlie'].$picture['link_get']; ?>_y<?php echo $picture['extension']; ?>" 
		   rel="lightbox[pixlie]" 
		   title="<?php if(isset($picture['iptc_object_name'])){ echo $picture['iptc_object_name']; } ?>">
          <!-- Baue Link zu Bildtyp "x": Pfad zu Pixlie / Query zum Bild / _x + Dateiendung --> 
          <img src="<?php echo $pixlie_table_env['path_pixlie'].$picture['link_get']; ?>_x<?php echo $picture['extension']; ?>" 
		    alt="<?php echo $picture['name']; ?>" />
        </a>
      </li>
    <?php } ?>
    </ul>
  </div>
  
  <div class="ordnerliste">
    <h3>Pixlie mit Lightbox 2</h3>
    <p>Diese Demo zeigt die Verwendung von Pixlie in Kombination mit der beliebten Javascript Bibiliothek 
    <a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox 2</a> von Lokesh Dhakar.</p>

    <h3>Unterverzeichnisse</h3>
    <ul>
    <?php foreach ($pixlie_table_dir as $folder){ ?>
      <li>
        <!-- Baue Link zu neuem Seitenaufruf: Pfad zu dieser Datei / Pfad zum Ordner  -->
        <a href="/pixlie/Lightbox2/index.php<?php echo $folder['link_get']; ?>">
          <?php echo $folder['name']; ?>
        </a>
      </li>
    <?php } ?>
    <?php if(count($pixlie_table_dir)==0){ echo '<li>keine vorhanden</li>'; } ?>
    </ul>
  </div>

  <div class="headline">
    <b>Von Pixlie gelieferte Daten</b>
  </div>
  <div class="array">
    <h3>Bilderdaten in der Variable $pixlie_table_file:</h3> 
    <pre><?php print_r($pixlie_table_file); ?></pre>
    <h3>Unterordner in der Variable $pixlie_table_dir:</h3> 
    <pre><?php print_r($pixlie_table_dir); ?></pre>
    <h3>Umgebungsdaten in der Variable $pixlie_table_env:</h3> 
    <pre><?php print_r($pixlie_table_env); ?></pre>
  </div>

  <!-- Hier folgt noch die Ausgabe dieser Quellcodeangabe -->
  
</body>
</html>