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] => 485984114_ea403374fa_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/485984114_ea403374fa_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/485984114_ea403374fa_o
            [atime] => 1284012446
            [ctime] => 1227883093
            [mtime] => 1227883028
            [size] => 132786
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/bennecontentos/485984114/
            [iptc_caption] => Tilt shifted Jungfraubahn 
            [iptc_byline] => Rutger de Moddertukker
            [iptc_object_name] => Miniature railway
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [1] => Array
        (
            [name] => 376694778_d263a4fa95_b
            [link_get] => ?q=/Tilt-Shift+Fotografie/376694778_d263a4fa95_b
            [link_pathinfo] => /Tilt-Shift+Fotografie/376694778_d263a4fa95_b
            [atime] => 1284012446
            [ctime] => 1227883092
            [mtime] => 1227883028
            [size] => 319181
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/bennecontentos/376694778/
            [iptc_byline] => Rutger de Moddertukker
            [iptc_object_name] => La Meije in miniature
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [2] => Array
        (
            [name] => 2954042562_396eda562d_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2954042562_396eda562d_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2954042562_396eda562d_o
            [atime] => 1284012446
            [ctime] => 1227883090
            [mtime] => 1227883027
            [size] => 324656
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/cogdog/2954042562/
            [iptc_byline] => cogdogblog
            [iptc_object_name] => Shanghai Tilt Shift
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [3] => Array
        (
            [name] => 2925998509_c175a1187d_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2925998509_c175a1187d_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2925998509_c175a1187d_o
            [atime] => 1284012446
            [ctime] => 1227883089
            [mtime] => 1227883029
            [size] => 341300
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/gj_thewhite/2925998509/
            [iptc_byline] => gj_theWhite
            [iptc_object_name] => Siti Fatima, Marrakech, Morocco
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [4] => Array
        (
            [name] => 2924287119_e4418f7097_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2924287119_e4418f7097_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2924287119_e4418f7097_o
            [atime] => 1284012446
            [ctime] => 1227883087
            [mtime] => 1227883029
            [size] => 2201069
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/gj_thewhite/2924287119/
            [iptc_byline] => gj_theWhite
            [iptc_object_name] => Dubrovnik, Croatia
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [5] => Array
        (
            [name] => 2783486315_8c65c551f8_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2783486315_8c65c551f8_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2783486315_8c65c551f8_o
            [atime] => 1284012446
            [ctime] => 1227883078
            [mtime] => 1227883029
            [size] => 742869
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/guwashi999/2783486315/
            [iptc_byline] => Guwashi999
            [iptc_object_name] => Highway - Tilt-Shift Fake Miniature
            [iptc_priority] => 5
            [iptc_caption] => Nagoya, Aichi, Japan 2008/08/15
            [iptc_copyright] => Creative Commons by
        )

    [6] => Array
        (
            [name] => 2722797779_e35134f59e_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2722797779_e35134f59e_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2722797779_e35134f59e_o
            [atime] => 1284012446
            [ctime] => 1227883075
            [mtime] => 1227883029
            [size] => 192930
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/jenniferboyer/2722797779/
            [iptc_byline] => Anosmia
            [iptc_object_name] => Tallinn in miniature
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [7] => Array
        (
            [name] => 2642408435_44f274ef59_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2642408435_44f274ef59_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2642408435_44f274ef59_o
            [atime] => 1284012446
            [ctime] => 1227883074
            [mtime] => 1227883028
            [size] => 2775187
            [extension] => .jpg
            [iptc_caption] =>                                
            [iptc_contact] => http://www.flickr.com/photos/goldstein/2642408435/
            [iptc_byline] => innerlogic
            [iptc_object_name] => tilt shift experiment
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [8] => Array
        (
            [name] => 225836149_dc755c233f_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/225836149_dc755c233f_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/225836149_dc755c233f_o
            [atime] => 1284012446
            [ctime] => 1227883063
            [mtime] => 1227883028
            [size] => 1616605
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/brent_nashville/225836149/
            [iptc_byline] => Brent and MariLynn
            [iptc_object_name] => My first tilt-shift mini fake: Duquesne Incline
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [9] => Array
        (
            [name] => 208383970_829535ebc3_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/208383970_829535ebc3_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/208383970_829535ebc3_o
            [atime] => 1284012446
            [ctime] => 1227883056
            [mtime] => 1227883028
            [size] => 778880
            [extension] => .jpg
            [iptc_caption] =>                                
            [iptc_contact] => http://www.flickr.com/photos/lobsterstew/208383970/
            [iptc_byline] => Helga's Lobster Stew
            [iptc_object_name] => Court House Plaza
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [10] => Array
        (
            [name] => 2064475902_b1d4fb41d2_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/2064475902_b1d4fb41d2_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/2064475902_b1d4fb41d2_o
            [atime] => 1284012446
            [ctime] => 1227883053
            [mtime] => 1227883028
            [size] => 215556
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/turyddu/2064475902/
            [iptc_byline] => turydddu
            [iptc_object_name] => plasti'c'inquino
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [11] => Array
        (
            [name] => 1529349040_a476c777b4_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/1529349040_a476c777b4_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/1529349040_a476c777b4_o
            [atime] => 1284012446
            [ctime] => 1227883052
            [mtime] => 1227883028
            [size] => 539232
            [extension] => .jpg
            [iptc_byline] => lmnop88a
            [iptc_contact] => http://www.flickr.com/photos/d_lee/1529349040/
            [iptc_object_name] => Tilt Shift effect
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [12] => Array
        (
            [name] => 1528482301_961678b9b6_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/1528482301_961678b9b6_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/1528482301_961678b9b6_o
            [atime] => 1284012446
            [ctime] => 1227883050
            [mtime] => 1227883028
            [size] => 421620
            [extension] => .jpg
            [iptc_byline] => lmnop88a
            [iptc_contact] => http://www.flickr.com/photos/d_lee/1528482301/
            [iptc_object_name] => Some Tilt Shift effect
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

    [13] => Array
        (
            [name] => 114716258_7e4cc30042_o
            [link_get] => ?q=/Tilt-Shift+Fotografie/114716258_7e4cc30042_o
            [link_pathinfo] => /Tilt-Shift+Fotografie/114716258_7e4cc30042_o
            [atime] => 1284012446
            [ctime] => 1227883048
            [mtime] => 1227883027
            [size] => 310173
            [extension] => .jpg
            [iptc_contact] => http://www.flickr.com/photos/_fabio/114716258/
            [iptc_byline] => .Fabio
            [iptc_object_name] => Piazzetta San Marco vanaf de Campanile di San Marco
            [iptc_priority] => 5
            [iptc_copyright] => Creative Commons by
        )

)

Unterordner in der Variable $pixlie_table_dir:

Array
(
)

Umgebungsdaten in der Variable $pixlie_table_env:

Array
(
    [status] => 1
    [numberof_file] => 14
    [numberof_dir] => 0
    [query] => /Tilt-Shift Fotografie
    [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>