Tilt-Shift Fotografie

Pixlie mit Magnify

Diese Demo zeigt die Verwendung von Pixlie in Kombination mit der Javascript Bibiliothek Magnify von Josh Nathanson.

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] => 1328351582
            [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] => 1328351603
            [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] => 1328351581
            [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] => 1328351581
            [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] => 1328351608
            [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] => 1328351581
            [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] => 1328351581
            [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] => 1328351608
            [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] => 1328351608
            [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] => 1328351609
            [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] => 1328351584
            [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] => 1328351589
            [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] => 1328351588
            [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] => 1328351590
            [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/jquery-1.2.6.min.js" type="text/javascript"></script>
	<script src="js/jquery.magnify-1.0.2.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {$(".magnify").magnify({preload:true,loadingImage: '/pixlie/Magnify/images/ajax-loader.gif'});});
	</script>
</head>
<body>
  <div id="header">
    <a href="index.php">
      <img src="http://www.pixlie.org/images/Logo-neu.png" alt="Pixlie Demo" />
    </a>
  </div>
  
  <?php
    $response_type = 'php';   //Ausgabe auf php umstellen
  ?>
  
  <div class="bilderliste">
    <?php
      $_GET["q"] = "/Tilt-Shift Fotografie"; //Setze Verzeichnis 
      include('../pixlie.php'); //Einbinden von Pixlie
    ?>
    <h2>Tilt-Shift Fotografie</h2>
    <ul> 
    <?php foreach ($pixlie_table_file as $picture){ ?>
      <li>
        <!-- Baue Link zu Bildtyp "y": Pfad zu Pixlie / Pfad zum Bild / _o + Dateiendung -->
        <a href="<?php echo $pixlie_table_env['path_pixlie'].$picture['link_get']; ?>_o<?php echo $picture['extension']; ?>" 
          class="magnify" >
          <img src="<?php echo $pixlie_table_env['path_pixlie'].$picture['link_get']; ?>_m<?php echo $picture['extension']; ?>" 
            alt="<?php echo $picture['name']; ?>" />
        </a>
      </li>
    <?php } ?>
    </ul>
  
  </div>
 
  <div class="ordnerliste">
    <h3>Pixlie mit Magnify</h3>
    <p>Diese Demo zeigt die Verwendung von Pixlie in Kombination mit der Javascript Bibiliothek 
    <a href="http://www.jnathanson.com/index.cfm?page=pages/jquery/magnify/magnify">Magnify</a> von Josh Nathanson.</p>
  </div>

<div class="headline">
  <b>Von Pixlie gelieferte Daten (letzte Anfrage im Script)</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>