Brontekst bekijken van Extension:prettyPhoto

{{sys:incomplete}}
{{sys:head:description}}
prettyPhoto is een Picasa lightbox voor Mediawiki. Deze extension maakt gebruik van [http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ prettyPhoto] versie 3.1.3. 

Op dit moment kan uitsluitend gebruik gemaakt worden van Picasa afbeeldingen.

{{sys:head:status}}
0.1<br>

Getest op versie 1.16 en 1.17
<br>
Er is getest met de volgende versies van onderstaande browsers
{| {{sys:table:class}}
!Browser
!Mac
!Windows
|-
|Chrome
|13.0.782.112
|13.0.782.215
|-
|Safari
|5.1
|5.1
|-
|Firefox
|3.6.10
|6.0
|-
|Opera
|9.27
|11.50
|-
|Internet explorer
|
|8.0.6001.18702
|} 

{{sys:head:use}}
 <nowiki><prettyPhoto [des=]>url</prettyPhoto></nowiki>

{| {{sys:table:class}}
|{{sys:table:caption}}|Parameters
|-
|url
|De url van de foto. Op dit moment is de extension alleen geschikt voor Picasa foto's geschikt. {{sys:text|color=ff0000|text=Opgeven met http niet met https.}}
|-
|des
|Beschrijving van de foto
|-
|ref
|Referentie gegevens van de afbeelding
|}

{{sys:head:manual}}
===Aanpassingen===
In de configuratie kunnen een aantal zaken worden aangepast zoals
* Thumbnail grootte : Standaard is deze 100. In ''prettyPhoto.php'' is de parameter ''$wgprettyPhotoExtensionThumnailSize'' opgenomen de waarde hiervan bepaalde de grootte van de thumbnail.
* Theme : Standaard is deze ingesteld op ''facebook''. In ''prettyPhoto.php'' is de parameter ''$wgprettyPhotoExtensionTheme'' opgenomen deze kan de volgende waarde krijgen:
** pp_default
** light_rounded
** dark_rounded
** light_square
** dark_square
** facebook

De Thumbnail grootte staat standaard op 100. Deze is aan te passen  
{{sys:head:setup}}
# Download  [{{i2}}extension/prettyPhoto.zip Extension:prettyPhoto]
# Pak uit
# Indien de Mediawiki versie lager is dan 1.17 moet een kleine aanpassing worden doorgevoerd. Vanaf 1.17 wordt namelijk standaard jQeury ondersteund.
## Open ''prettyPhoto.php'' in een editor.
## Verwijder de twee // aan het begin van regel 26 (<nowiki> //  $out->addScript('<script src="'.$wgprettyPhotoExtensionPath.'include/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>');</nowiki>)
## Save
# Copieer de folder naar <tt>/extensions</tt>
# Neem in [http://www.mediawiki.org/wiki/Manual:LocalSettings.php LocalSettings.php]  de volgende regel op:<br>
 <nowiki>
# wiki prettyPhoto
require_once( "$IP/extensions/prettyPhoto/prettyPhoto.php" );</nowiki>

{{sys:head:links}}
* [http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ Homepage prettyPhoto]
* [http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/ prettyPhoto documentatie]

{{sys:head:example}}
 <nowiki>
<prettyPhoto des="Peter Sloterdijk" ref="Afbeelding afkomstig van   xxxx">http://lh4.ggpht.com/_IGLhDTn8z-U/TNqZc-HehUI/AAAAAAAAARE/6H5q4QCbZ4I/Peter_Sloterdijk%2C_Karlsruhe_07-2009%2C_IMGP3019.jpg</prettyPhoto>
<prettyPhoto des="Juergen Habermas"  ref="Afbeelding afkomstig van   xxxx">http://lh5.googleusercontent.com/_IGLhDTn8z-U/TZLZIf-JY1I/AAAAAAAAAdU/WL7qHoB55ho/JuergenHabermas_retouched.jpg</prettyPhoto>
<prettyPhoto des="Pascal Bruckner" ref="Afbeelding afkomstig van   [aa]">http://lh4.googleusercontent.com/_IGLhDTn8z-U/TZmgmk1wf0I/AAAAAAAAAdw/gEEmQoxgfVA/pascal%20bruckner.jpg</prettyPhoto>
<prettyPhoto des="Stine Jensen" >http://lh6.googleusercontent.com/_IGLhDTn8z-U/TY2qFAZoAyI/AAAAAAAAAc8/Xt8yVUggGJA/jensen.jpg</prettyPhoto>
</nowiki>

<prettyPhoto des="Peter Sloterdijk" ref="Afbeelding afkomstig van   xxxx">http://lh4.ggpht.com/_IGLhDTn8z-U/TNqZc-HehUI/AAAAAAAAARE/6H5q4QCbZ4I/Peter_Sloterdijk%2C_Karlsruhe_07-2009%2C_IMGP3019.jpg</prettyPhoto>
<prettyPhoto des="Juergen Habermas"  ref="Afbeelding afkomstig van   xxxx">http://lh5.googleusercontent.com/_IGLhDTn8z-U/TZLZIf-JY1I/AAAAAAAAAdU/WL7qHoB55ho/JuergenHabermas_retouched.jpg</prettyPhoto>
<prettyPhoto des="Pascal Bruckner" ref="Afbeelding afkomstig van   [aa]">http://lh4.googleusercontent.com/_IGLhDTn8z-U/TZmgmk1wf0I/AAAAAAAAAdw/gEEmQoxgfVA/pascal%20bruckner.jpg</prettyPhoto>
<prettyPhoto des="Stine Jensen" >http://lh6.googleusercontent.com/_IGLhDTn8z-U/TY2qFAZoAyI/AAAAAAAAAc8/Xt8yVUggGJA/jensen.jpg</prettyPhoto>