Download wallpaper (2048 pixels large): 01 – 02 – 03 -04

CC-BY-NC-ND

Dieses Werk bzw. Inhalt ist unter einer Creative Commons-Lizenz lizenziert.
Cette oeuvre/contenu est publié sous Licence Creative Commons.
This artwork/contenu is published under a Creative Commons licence.

Diese Fotos wurden alle in der Pariser Peripherie aufgenommen.

These pictures have been taken in the periphery of Paris.

var $j = jQuery.noConflict();
$j(function(){
    jQuery('.scroll-pane').jScrollPane({scrollbarWidth:10});
});

However, the client also wanted the horizontal scrollbars customized…
It strangely took me several hours to stumble upon the modification of Luck’s plugin by Threeformed, a canadian media company.
But I ran into problems integrating it with Wordpress’ noConflict function and had to modify all the calls to “$”, into “jQuery”. It then worked out, but I needed to be able to design it via CSS independently of the vertical scrollbars. In order to do that I added a second CSS selector, through which I was then able to design the horizontal scrollbars using other background images than for the vertical ones.

I am calling this plugin the following way :

var $j = jQuery.noConflict();
var originalSizes = new Array();
$j(function(){
    jQuery('.scroll-horizontal-pane').jScrollHorizontalPane({scrollbarHeight:10});
});

You may download my modified jQuery plugins here.

The corresponding CSS could look something like this :

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    outline: none;
}
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background: url(track-vertical.jpg) repeat-y;
}
.jScrollHPaneContainer .jScrollPaneTrack {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    height: 10px;
}
.jScrollPaneDrag {
    position: absolute;
    background: url(cap-vertical.jpg) repeat-y;
    cursor: pointer;
    overflow: hidden;
}
.jScrollHPaneContainer .jScrollPaneTrack {
    background: url(track-horizontal.jpg) repeat-x;
}
.jScrollHPaneContainer .jScrollPaneDrag {
    background: url(cap-horizontal.jpg) repeat-x;
}

In order to do this I added the following lines of code to the showNavigation if-loop :

if ( $showNavigation == 1 ) {
  // code..
} else {
  // autoplay
  jQuery(window).load( function() {
  timerID_$galleryID = setInterval( \"jQuery.galleria.next( 'stage_$galleryID', '$galleryID' );\", $intervalMilliSec );
 });
}

So, if one unselects “show navigation” in wp-galleria’s admin panel in Wordpress, the slideshow will autoplay.

Pour Christophe Prat j’ai mis en place un site concis et statique, comportant des textes ainsi qu’une galerie, qui a été développée en Javascript, présentant ses peintures . Graphisme et comportements ont été conçus par Mathias Delfau.

http://christopheprat.com

• title and description may be modified
• search engine friendly permalink support (thank you Manu)
  
• define the number of entries in RSS feed
  
• modify style to your needs
  

php-indexes is distributed under the GNU Public License (GPL), version 3. Use at your own risk.

I’m happy with feedback & criticism.

download php-indexes_v0.0.9.zip / php-indexes_v0.0.9.tar.gz

XiLabs propose des jeux d’un nouveau genre, jeux dits pervasifs. Un téléphone portable devient l’interface entre les joueurs et le terrain : la ville. J’ai créée pour XiLabs un site multilingue (français, anglais, chinois) dont le design rappelle une interface de téléphone portable ludique.

XiLabs entwickelt Spiele neuer Art, sogenannte pervasive Spiele. Das Mobiltelefon wird hierbei zum Interface zwischen Spielern und Terrain, der Stadt. Ich habe für XiLabs eine mehrsprachige Seite gestaltet (französisch, englisch und chinesisch), deren Design an eine verspielte Benutzeroberfläche eines Mobiltelefons erinnern soll.

XiLabs develops a new kind of games, so called pervasive games. A mobile phone is the interface in between players and the playground: the city itself. I have made a multilingual website (french, english, chinese) for XiLabs, with a  design recalling a playful mobile phone user interface.

http://xilabs.fr