Extension:PrettyPhoto

Met ingang van 13-04-2013 is de extension vervangen door EasyView.

Terug naar Mediawiki Translate/übersetzen/traduire

BeschrijvingprettyPhoto is een lightbox voor Mediawiki. Er kunnen zowel gewone als <prettyphoto thumbnail="Picasa" group="tools" iframe="true">Picasa</prettyphoto> afbeeldingen mee getoond worden. Daarnaast kan het verschillende audio en video formaten aan en ondersteund het <prettyphoto thumbnail="iFrame" group="tools" iframe="true">wikipedia:en:HTML_element#Frames</prettyphoto>.
Deze extension maakt gebruik van <prettyphoto thumbnail="prettyPhoto" group="tools" iframe="true">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</prettyphoto> versie 3.1.3. en
- <prettyphoto thumbnail="MP3 player" group="tools" iframe="true">http://flash-mp3-player.net/</prettyphoto> voor afspelen MP3
- <prettyphoto thumbnail="Google Reader Player" group="tools" iframe="true">http://sites.google.com/site/mori79/html-gadgets/media-players/google-reader-player</prettyphoto> voor afspelen MP3
- <prettyphoto thumbnail="JW Player" group="tools" iframe="true">http://www.longtailvideo.com/players/jw-flv-player/</prettyphoto> voor het afspelen van flash video

Ondersteunde formaten

Afbeelding	Audio	Video	iFrame
jpg jpeg png gif tiff bmp	MP3 Multiplayer MP3 Multiplayer MP3 Maxiplayer Google	Quicktime Flash Flash Video Silverlight Youtube Vimeo	Website Website Extension:PrettyPhoto PDF txt Google Books

<prettyPhoto thumbnail="Code voorbeeld " group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:formaten:code</prettyPhoto> Status1.0beta voor 1.16
1.0beta voor 1.17 en hoger
De foutmelding wordt nu in zes talen weergegeven te weten Nederlands, Engels, Frans Duits, Italiaans, Spaans en Portugees.

Getest op versie 1.16 en 1.17
Er is getest met de volgende versies van onderstaande browsers

Browser	Mac	Windows	Niet werkende formaten
Chrome	16.09.12.63	16.0.912.63
Safari	5.1.2	5.1	PDF gebruikt externe reader
Firefox	9.0.1	9.0.1	PDF gebruikt externe reader Website Extension:PrettyPhoto
Opera	9.27	11.50	Quicktime abort Website Extension:PrettyPhoto Pdf txt
Internet explorer		9.0.8112.16421	Website Extension:PrettyPhoto

Nieuwe ontwikkelingen - crop : Een gedeelte van de afbeelding wordt getoond en de hoogte en breedte zijn gelijk. Werkt alleeen voor Picassa afbeeldingen
- picasa : De mogelijkheid om publieke albums en afbeeldingen van Picasa te tonen.

Gebruik

MethodesEen tweetal methodes voor het opnemen van één afbeelding, url, video etc..
- <prettyphoto thumbnail="Tag methode" group="use" iframe="true">Sjabloon:Extension:PrettyPhoto:tag</prettyphoto>
- <prettyphoto thumbnail="Standaard methode" group="use" iframe="true">Sjabloon:Extension:PrettyPhoto:standaard</prettyphoto>
Voordeel van het eerste formaat is de mogelijkheid tot het gebruik van variabelen.
Naast bovenstaande methodes kan prettyPhoto ook in een soort van batch-modus worden gebruikt. Zie <prettyphoto thumbnail="hier" head="Batch mode" group="use" iframe="true">Sjabloon:Extension:PrettyPhoto:batchmode</prettyphoto> Links invoegen In de velden:
- caption
- captionref
- captionhead
- head
- des
- ref
Kunnen links worden opgenomen. De werkwijze is dezelfde als in mediawiki.
Externe links
[url beschrijving]
Interne/Interwiki links
Voor interne links cq <prettyphoto thumbnail="interwiki" title="Interwiki" iframe="true">Sjabloon:Extension:PrettyPhoto:parameters:interwiki</prettyphoto> links
[[pagina|beschrijving]] Vervanging HTML
Het gebruik van bepaalde HTML tekens is niet toegestaan
Vervang
- < door [ of &lt;
- > door ] of &gt;
- " door &quot;
- ' door &lsquo;
- Alle speciale karakters moeten vervangen worden zie <prettyphoto thumbnail="HTML karakters" group="link" iframe="true">http://www.w3schools.com/tags/ref_entities.asp</prettyphoto>
Voorbeeld
<br>
wordt
[br]
(zie David Hume hieronder)

Parameters

Parameters
url	url meegegeven : De url van de afbeelding/video/audio/website. Indien er gebruikt gemaakt wordt van <prettyPhoto group="par" thumbnail="Picasa" iframe="true">Picasa</prettyPhoto> kan volstaan worden met alleen de <prettyPhoto group="par" thumbnail="url" iframe="true">wikipedia:nl:url</prettyPhoto> en eventueel de size van de thumbnail. indien deze afwijkt van de standaard. Opgeven met http niet met https. In alle andere gevallen moet ook thumbnail worden opgegeven. De url kan ook een link zijn naar een interne pagina of een pagina van een andere wiki middels een <prettyPhoto group="par" thumbnail="interwiki" iframe="true">Sjabloon:Extension:PrettyPhoto:parameters:interwik</prettyPhoto> verwijzing indien geen url is meegegeven : moet in thumbnail een url van de afbeelding worden meegegeven worden. De afbeelding wordt als een gewone afbeelding getoond al of niet met onderschrift. <prettyPhoto group="par" thumbnail="Voorbeeld" iframe="true">http://www.ghklandvanthorn.nl/index.php?title=Aanpassingen:Layout</prettyPhoto>
iframe	true: De url in een <prettyPhoto thumbnail="iframe" group="par" iframe="true">http://www.handleidinghtml.nl/html/frames/frames08.html</prettyPhoto> getoond false: Geen gebruik van een iframe (Standaard)
head	Kop boven de afbeelding. Indien niet aanwezig wordt de waarde van caption cq "captionhead". Ontbreken voorgaande dan "thumbnail" als deze geen afbeelding is.
des	Beschrijving
ref	Referentie gegevens. Indien niet aanwezig wordt de waarde van captionref overgenomen.
title	Wordt getoond als de cursor op de afbeelding staat. Indien niet opgegeven staat hier Naar de grote afbeelding?(overigens afhankelijk van de taal).
size	Deze parameter is alleen van toepassing voor Picasa afbeeldingen. De standaard is 150. Door in <prettyPhoto group="par" thumbnail="LocalSettings.php" iframe="true">http://www.mediawiki.org/wiki/Manual:LocalSettings.php</prettyPhoto> opnemen van $wgprettyPhotoExtensionThumnailSize kan deze gewijzigd worden voor de hele wiki(zie hieronder).
width	Geforceerde breedte van de thumbnail.
height	Geforceerde hoogte van de thumbnail.
thumbnail	De thumbnail van de foto of alleen tekst. Is de thumbnail niet opgegeven dan wordt ervan uitgegaan date er sprake is van een Picasa afbeelding. De thumbnail wordt dan automatisch gegenereerd op basis van de standaard of de opgegeven width. Is de thumbnail opgegeven dan moet de afbeelding op maat zijn tenzij het tekst betreft. Dit betekend bij Picasa afbeeldingen dat de sxxx/ moet worden toegevoegd
group	Middels group kunnen groepen van afbeeldingen worden samengesteld, Standaard is de waarde 1. Alle afbeeldingen met hetzelfde group kenmerk behoren tot dezelfde groep van afbeeldingen en worden als set getoond. De overige afbeeldingen die niet tot de groep behoren worden niet getonnd.
spacing	true: De afbeeldingen worden op een standaard afstand van elkaar in de ruimte geplaatst (Standaard) <prettyphoto thumbnail="voorbeeld" group="spacing" head="Standaard spacing" iframe="true">Sjabloon:Extension:PrettyPhoto:example:spacing</prettyphoto> false: er wordt geen spacing toegevoegd. Is nodig om afbeeldingen in kaders te kunnen plaatsen. <prettyphoto thumbnail="voorbeeld" group="spacing" head="Standaard spacing" iframe="true">Jacques_Derrida_(1930-2004)</prettyphoto> Het mogelijk om afbeeldingen als één aangesloten blok te tonen zie <prettyphoto thumbnail="hier" group="spacing" head="Aan één gesloten blok afbeeldingen" iframe="true">Sjabloon:Extension:PrettyPhoto:example:geheel</prettyphoto>
center	true: De afbeeldingen worden gecentreerd. Is alleen nodig als er wordt gewerkt in een kolom false: Geen centrering (Standaard)
captionhead	Kop boven de thumbnail
caption	Onderschrift bij de thumbnail
captionref	Onderschrift thumbnail referentie gegevens
capwidth	Breedte van het onderschrift. Helaas is het niet mogelijk voor externe afbeeldingen uit te vragen wat de breedte van de afbeelding is. Is geen capwidth opgegeven dan wordt, indien opgegeven, width gebruikt anders size. Is ook size niet opgegeven dan wordt de standaard breedte van 150px gebruikt. De noodzaak om capwidth mee te geven neemt toe naarmate de verhouding tussen breedte en hoogte van 1 afwijkt. Berekening capwidth ( / ) * ( / ) *
capalignhead	Uitlijing van de kop center : Midden uitgelijnd (Standaard). Is de variabele center="true" dan wordt center gebruikt. Andere waarde werken niet. left : Links uitgelijnd right : Rechts uitgelijnd
capalign	Uitlijing van het onderschrift center : Midden uitgelijnd (Standaard). Is de variabele center="true" dan wordt center gebruikt. Andere waarde werken niet. left : Links uitgelijnd right : Rechts uitgelijnd
noiframelink	true: De links aanwezig in caption, captionhead en captionref zijn gewone links. Er zijn sites zoals alle Google sites die er niet van houden dat ze in een iframe worden weergegeven. false: De links worden als iframe link weergegeven. <prettyphoto thumbnail="Voorbeeld" iframe="true">http://nl.hisgeolimburg.eu/index.php?title=Sjabloon:Foto:Panoramio</prettyphoto>

Parameters Flash Video
player	http://domein/extensions/prettyPhoto/include/player.swf moet het volledige pad naar de extension zijn
file	Volledige pad van de af te spelen flv
width	Breedte van de video
height	Hoogte van de video
autostart	true : Start automatisch met afspelen (default) false: Geen automatische start van het afspelen
allowfullscreen	true : De gebruiker heeft de keuze mogelijkheid de video fullscreen af te spelen false : mogelijkheid is uigeschakeld (default)
volume	Waardes van 0 t/m 100. (default 100)

Voor de complete documentatie van MP3 Player zie hier

Let op width en height dienen zowel met het xml/flashvars meegegeven worden als separaat

MP3 Multiplayer Het handigste is te werken met een xml lijst en een text bestand voor de mp3's. Het xml en txt bestand moet overigens wel op de webserver aanwezig zijn

In het xml bestand zijn de parameters opgenomen en is er een verwijzing naar het txt bestand waarin de mp3 url's en hun omschrijving staan Voorbeeld formaten http://wiki.webemotion.nl/media/playlist/nietsche_also.xml
xml

http://wiki.webemotion.nl/media/playlist/nietsche_also.txt
<prettyphoto thumbnail="txt" iframe="true" group="MP3 Player">http://wiki.webemotion.nl/media/playlist/nietsche_also.txt</prettyphoto>

<prettyPhoto group="MP3 Player" head="[http://flash-mp3-player.net/ MP3 Multiplayer]" thumbnail="http://www.fleuru.nl/wiki/Icon/Media/audio.gif" des="[http://librivox.org/thus-spake-zarathustra-by-friedrich-nietzsche/ Thus Spake Zarathustra: A Book for All and None (Also sprach Zarathustra) ] " ref="Audio afkomstig van [http://librivox.org/thus-spake-zarathustra-by-friedrich-nietzsche/ Librivox]">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player_mp3_multi.swf?height=400&width=400&flashvars=configxml=http://wiki.webemotion.nl/media/playlist/nietsche_also.xml</prettyPhoto>
<prettyPhoto group="MP3 Player" head="MP3 Multiplayer" thumbnail="" des="Thus Spake Zarathustra: A Book for All and None (Also sprach Zarathustra) " ref="Audio afkomstig van Librivox">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player_mp3_multi.swf?height=400&width=400&flashvars=configxml=http://wiki.webemotion.nl/media/playlist/nietsche_also.xml</prettyPhoto>

Voorbeeld <prettyPhoto group="MP3 Player" head="[http://flash-mp3-player.net/ MP3 Maxiplayer]" thumbnail="MP3 Maxiplayer" ref="SWF afkomstig van [http://flash-mp3-player.net/ MP3 Player]">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player_mp3_maxi.swf?height=20&width=400&flashvars=height=20&width=400&autoplay=1&showstop=1&showinfo=1&showvolume=1&showloading=autohide&buttonwidth=26&volume=100&showslider=1&sliderheight=10&sliderwidth=20&volumeheight=6&volumewidth=30&loadingcolor=008de5&playlistcolor=fefefe&bgcolor=fefefe&currentmp3color=000000&textcolor=888888&buttoncolor=666666&buttonovercolor=000000&bgcolor1=eeeeee&bgcolor2=efefef&sliderovercolor=333333&title=Deel 1&mp3=http://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3</prettyPhoto>

<prettyPhoto group="MP3 Player" head="MP3 Maxiplayer" thumbnail="MP3 Maxiplayer" ref="SWF afkomstig van MP3 Player">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player_mp3_maxi.swf?height=20&width=400&flashvars=height=20&width=400&autoplay=1&showstop=1&showinfo=1&showvolume=1&showloading=autohide&buttonwidth=26&volume=100&showslider=1&sliderheight=10&sliderwidth=20&volumeheight=6&volumewidth=30&loadingcolor=008de5&playlistcolor=fefefe&bgcolor=fefefe&currentmp3color=000000&textcolor=888888&buttoncolor=666666&buttonovercolor=000000&bgcolor1=eeeeee&bgcolor2=efefef&sliderovercolor=333333&title=Deel 1&mp3=http://www.pacdv.com/sounds/free-music/glow-in-the-dark.mp3</prettyPhoto>

Handleiding

Navigatie	Omschrijving
onderaan of halverwege afbeelding of toetsenbord	Vorige afbeelding/movie. Indien aan het begin van de serie is gekomen wordt de laatste getoond.
onderaan of halverwege afbeelding of toetsenbord	Volgende afbeelding/movie. Indien aan het einde van de serie is gekomen wordt de eerste getoond.
	Door op een thumbnail onder aan het scherm te klikken wordt daar naar toegegaan.
esc of	Verlaten pretty photo
	Automatisch tonen van afbeeldingen
cq	Uitvergroten afbeelding cq Verkleinen afbeelding

In <prettyphoto thumbnail="LocalSettings.php" iframe="true">http://www.mediawiki.org/wiki/Manual:LocalSettings.php</prettyphoto> kunnen de volgende variabelen opgenomen worden.

$wgprettyPhotoExtensionThumnailSize	Thumbnail grootte : Standaard is deze 150.
$wgprettyPhotoExtensionTheme	Thema van de lightbox : Voor waarde zie onderstaande lijst <prettyphoto group="PrettyPhotoTheme" thumbnail="pp_default"></prettyphoto> <prettyphoto group="PrettyPhotoTheme" thumbnail="light_rounded"></prettyphoto> <prettyphoto group="PrettyPhotoTheme" thumbnail="dark_rounded"></prettyphoto> <prettyphoto group="PrettyPhotoTheme" thumbnail="light_square"></prettyphoto> <prettyphoto group="PrettyPhotoTheme" thumbnail="dark_square"></prettyphoto> <prettyphoto group="PrettyPhotoTheme" thumbnail="facebook">http://lh6.googleusercontent.com/-hzxwcnxPG4A/TmIdveLOa-I/AAAAAAAAAHI/EqQ3_v1aRAA/facebook.jp</prettyphoto> {{#tag:prettyPhoto|http://lh3.googleusercontent.com/--JuvsxEKRgc/TmIdwIUs7YI/AAAAAAAAAHU/XPRLHkibdw8/pp_default.jpg|group=PrettyPhotoTheme|thumbnail=pp_default}} {{#tag:prettyPhoto|http://lh6.googleusercontent.com/-xJA0VG9xEdU/TmIdvowRCnI/AAAAAAAAAHM/5CsBI0m-1SE/light_rounded.jpg|group=PrettyPhotoTheme|thumbnail=light_rounded}} {{#tag:prettyPhoto|http://lh5.googleusercontent.com/-ugLwQmKmOYY/TmIdvUlxSCI/AAAAAAAAAHE/Y70m5dlQy4A/dark_rounded.jpg|group=PrettyPhotoTheme|thumbnail=dark_rounded}} {{#tag:prettyPhoto|http://lh6.googleusercontent.com/-_WC32FmtrlI/TmIdv2Tc2jI/AAAAAAAAAHQ/VLR9bnENRBE/light_square.jpg|group=PrettyPhotoTheme|thumbnail=light_square}} {{#tag:prettyPhoto|http://lh5.googleusercontent.com/-pWp9Gbe4Ofs/TmIdvVp1jCI/AAAAAAAAAHA/n0J388Q--RI/dark_square.jpg|group=PrettyPhotoTheme|thumbnail=dark_square}} {{#tag:prettyPhoto|http://lh6.googleusercontent.com/-hzxwcnxPG4A/TmIdveLOa-I/AAAAAAAAAHI/EqQ3_v1aRAA/facebook.jp|group=PrettyPhotoTheme|thumbnail=facebook}}
$wgprettyPhotoExtensionSocialTools	<prettyphoto thumbnail="Facebook" iframe="true">wikipedia:nl:Facebook</prettyphoto> en <prettyphoto thumbnail="Twitter" iframe="true">wikipedia:nl:Twitter</prettyphoto>. Om deze uit te zetten moet false worden opgegeven

Installeren

1. Download Extension:prettyPhoto voor mediawiki 1.17 en hoger of Extension:prettyPhoto voor mediawiki versies lager dan 1.17
2. Pak uit en copieer de folder naar /extensions
3. Neem in <prettyPhoto thumbnail="LocalSettings.php" iframe="true">http://www.mediawiki.org/wiki/Manual:LocalSettings.php</prettyPhoto> de volgende regel op:
   

# wiki prettyPhoto
require_once( "$IP/extensions/prettyPhoto/prettyPhoto.php" );

Let op! De afbeeldingen in ext.prettyPhoto.css zijn op een normale website zichtbaar. Betreft het een locale installatie of een niet publieke installatie dan kan het zijn dat het pad aangepast moet worden. Het makkelijkst is het geheel pad op te geven inclusief http://.

Externe Links

• <prettyPhoto thumbnail="Homepage prettyPhoto" group="link" iframe="true">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</prettyPhoto>
• <prettyPhoto thumbnail="documentatie" group="link" iframe="true">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation</prettyPhoto>

Voorbeeld

Hoogte 150 met behoudt verhoudingen zonder onderschrift

---

<prettyphoto thumbnail="Code voorbeeld" group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep1:code</prettyphoto>
<prettyphoto group="kaal" title="Peter Sloterdijk (1947-)" head="Peter Sloterdijk"></prettyphoto> <prettyphoto group="kaal" capwidth="127" title="Jürgen Habermas (1929-)" head="Jürgen Habermas (1929-)"></prettyphoto> <prettyphoto group="kaal" capwidth="119" title="Georg Wilhelm Friedrich Hegel" head="Georg Wilhelm Friedrich Hegel (1770-1831)"></prettyphoto> <prettyphoto group="kaal" capwidth="124" title="David Hume (1711-1776)" head="David Hume (1711-1776)" des="1766 door Allan Ramsay (English)"></prettyphoto> <prettyphoto group="kaal" capwidth="143" title="Thomas Hobbes" head="Thomas Hobbes (1588-1679)"></prettyphoto> <prettyphoto group="kaal" size="238" title="Stine Jensen (1972-)" head="Stine Jensen"></prettyphoto> <prettyphoto group="kaal" capwidth="147" title="Pascal Bruckner" head="Pascal Bruckner"></prettyphoto> <prettyphoto group="kaal" size="234" title="John N. Gray (1948-)" head="John N. Gray (1948-)"></prettyphoto> <prettyphoto group="kaal" capwidth="133" title="Galileo Galilei(1564-1642)" head="Galileo Galilei(1564-1642)"></prettyphoto> <prettyphoto group="kaal" capwidth="115" title="Hans-Georg Gadamer (1900-2002)" head="Hans-Georg Gadamer (1900-2002)" des="06-02-2002 Heidelberg"></prettyphoto> <prettyphoto group="kaal" capwidth="110" title="Martin Heidegger (1889-1976)" head="Martin Heidegger (1889-1976)"></prettyphoto> <prettyphoto group="kaal" capwidth="111" title="Augustinus van Hippo (354-430)" head="Augustinus van Hippo (354-430)"></prettyphoto> <prettyphoto group="kaal" capwidth="105" title="Emmanuel Levinas (1906-1995)" head="Emmanuel Levinas (1906-1995)"></prettyphoto> <prettyphoto group="kaal" capwidth="117" title="Niccoló Machiavelli (1469-1527)" head="Niccoló Machiavelli (1469-1527)"></prettyphoto> <prettyphoto group="kaal" capwidth="116" title="John Locke (1632-1704)" head="John Locke (1632-1704)"></prettyphoto> <prettyphoto group="kaal" capwidth="101" title="Jean-François Lyotard (1924-1998)" head="Jean-François Lyotard (1924-1998)"></prettyphoto> <prettyphoto group="kaal" capwidth="127" title="Simone de Beauvoir (1908-1986)" head="Simone de Beauvoir (1908-1986)"></prettyphoto> <prettyphoto group="kaal" capwidth="111" title="Friedrich Nietzsche (1844-1900)" head="Friedrich Nietzsche (1844-1900)" des="1882"></prettyphoto> <prettyphoto group="kaal" capwidth="117" title="Thomas More (1478-1535)" head="Thomas More (1478-1535)"></prettyphoto> <prettyphoto group="kaal" capwidth="125" title="Charles de Montesquieu (1689-1755)" head="Charles de Montesquieu (1689-1755)">http://lh6.ggpht.com/_IGLhDTn8z-U/TNB0zzAeunI/AAAAAAAAAOs/f6F3GKeUnBI/Charles-de-Montesquieu.jp</prettyphoto>

Hoogte 150 met behoudt verhoudingen met onderschrift

---

<prettyphoto thumbnail="Code voorbeeld" group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep7:code</prettyphoto>

<prettyphoto height="150" caption="Peter Sloterdijk (1947-)"></prettyphoto> <prettyphoto height="150" capwidth="127" caption="Jürgen Habermas (1929-)"></prettyphoto> <prettyphoto height="150" capwidth="119" caption="Georg Wilhelm Friedrich Hegel (1770-1831)"></prettyphoto> <prettyphoto height="150" capwidth="124" caption="David Hume (1711-1776)" des="1766 door Allan Ramsay (English)"></prettyphoto> <prettyphoto height="150" capwidth="143" caption="Thomas Hobbes (1588-1679)" head="Thomas Hobbes (1588-1679)"></prettyphoto> <prettyphoto height="150" capwidth="235" caption="Stine Jensen (1972-)"></prettyphoto> <prettyphoto height="150" capwidth="147" caption="Pascal Bruckner (1948-)"></prettyphoto> <prettyphoto height="150" capwidth="234" caption="John N. Gray (1948-)"></prettyphoto> <prettyphoto height="150" capwidth="133" caption="Galileo Galilei (1564-1642)"></prettyphoto> <prettyphoto height="150" capwidth="115" caption="Hans-Georg Gadamer (1900-2002)" des="06-02-2002 Heidelberg"></prettyphoto> <prettyphoto height="150" capwidth="110" caption="Martin Heidegger (1889-1976)"></prettyphoto> <prettyphoto height="150" capwidth="111" caption="Augustinus van Hippo (354-430)"></prettyphoto> <prettyphoto height="150" capwidth="105" caption="Emmanuel Levinas (1906-1995)"></prettyphoto> <prettyphoto height="150" capwidth="117" caption="Niccolò Machiavelli (1469-1527)"></prettyphoto> <prettyphoto height="150" capwidth="116" caption="John Locke (1632-1704)"></prettyphoto> <prettyphoto height="150" capwidth="101" caption="Jean-François Lyotard (1924-1998)"></prettyphoto> <prettyphoto height="150" capwidth="127" caption="Simone de Beauvoir (1908-1986)"></prettyphoto> <prettyphoto height="150" capwidth="111" caption="Friedrich Nietzsche (1844-1900)" des="1882"></prettyphoto> <prettyphoto height="150" capwidth="117" caption="Thomas More (1478-1535)"></prettyphoto> <prettyphoto height="150" capwidth="125" caption="Charles de Montesquieu (1689-1755)">http://lh6.ggpht.com/_IGLhDTn8z-U/TNB0zzAeunI/AAAAAAAAAOs/f6F3GKeUnBI/Charles-de-Montesquieu.jp</prettyphoto>

Hoogte 150 en breedte 150 voor alle afbeeldingen

---

<prettyphoto thumbnail="Code voorbeeld" group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep2:code</prettyphoto>
<prettyphoto group="2" title="Peter Sloterdijk (1947-)" head="Peter Sloterdijk" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Jürgen Habermas (1929-)" head="Jürgen Habermas (1929-)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Georg Wilhelm Friedrich Hegel (1770-1831)" head="Georg Wilhelm Friedrich Hegel (1770-1831" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="David Hume (1711-1776)" head="David Hume (1711-1776)" des="1766 door <a href='http://en.wikipedia.org/wiki/Allan Ramsay (artist)'>Allan Ramsay</a> (English)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Thomas Hobbes (1588-1679)" head="Thomas Hobbes (1588-1679)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Stine Jensen (1972-)" head="Stine Jensen" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Pascal Bruckner" head="Pascal Bruckner" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="John N. Gray (1948-)" head="John N. Gray (1948-)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Galileo Galilei(1564-1642)" head="Galileo Galilei(1564-1642)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Hans-Georg Gadamer (1900-2002)" head="Hans-Georg Gadamer (1900-2002)" des="06-02-2002 Heidelberg" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Martin Heidegger (1889-1976)" head="Martin Heidegger (1889-1976)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Augustinus van Hippo (354-430)" head="Augustinus van Hippo (354-430)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Emmanuel Levinas (1906-1995)" head="Emmanuel Levinas (1906-1995)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Niccolò Machiavelli (1469-1527)" head="Niccolò Machiavelli (1469-1527)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Jean-François Lyotard (1924-1998)" head="Jean-François Lyotard (1924-1998)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="John Locke (1632-1704)" head="John Locke (1632-1704)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Simone de Beauvoir (1908-1986)" head="Simone de Beauvoir (1908-1986)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Friedrich Nietzsche (1844-1900)" head="Friedrich Nietzsche (1844-1900)" des="1882" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Thomas More (1478-1535)" head="Thomas More (1478-1535)" width="150" height="150"></prettyphoto> <prettyphoto group="2" title="Charles de Montesquieu (1689-1755)" head="Charles de Montesquieu (1689-1755)" width="150" height="150">http://lh6.ggpht.com/_IGLhDTn8z-U/TNB0zzAeunI/AAAAAAAAAOs/f6F3GKeUnBI/Charles-de-Montesquieu.jp</prettyphoto>

Met onderschrift en referentie gegevens over de afbeeldingen en een hoogte van 300
<prettyPhoto thumbnail="Code voorbeeld " group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep3:code</prettyPhoto>
<prettyPhoto group="25" capalign="left" height="250" title="David Hume (1711–1776)" captionhead="David Hume (1711–1776)" head="David Hume (1711–1776)" size="300" capwidth="205" caption="1766 door Allan Ramsay " captionref="Afbeelding afkomstig van Wikipedia" des="1766 door Allan Ramsay (English)" ></prettyPhoto> <prettyPhoto group="25" capalign="right" height="250" capwidth="166" captionref="Afbeelding afkomstig van door walterskrutser"

title="Grenspaal 126-NL"  captionhead="Grenspaal 126-NL"  des="Grenspaal 126-NL" size="200" thumbnail=""></prettyPhoto>

Geforceerde afbeeldingen van het formaat hoogte 300 en breedte 250
<prettyPhoto thumbnail="Code voorbeeld " group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep4:code</prettyPhoto>
<prettyPhoto group="25" width="200" height="250" title="David Hume (1711–1776)" size="200" capwidth="200" captionhead="David Hume (1711–1776)" caption="1766 door Allan Ramsay " captionref="Afbeelding afkomstig van Wikipedia" head="David Hume (1711–1776)" des="1766 door Allan Ramsay (English)" ></prettyPhoto> <prettyPhoto group="25" width="200" height="250" capwidth="190" captionref="Afbeelding afkomstig van door walterskrutser"

title="Grenspaal 126-NL" head="Grenspaal 126-NL"  captionhead="Grenspaal 126-NL"  des="Grenspaal 126-NL" size="300" thumbnail=""></prettyPhoto>

Videos
Alle type video formaten worden hier getoond. <prettyphoto thumbnail="Code voorbeeld" group="code" iframe="true">Sjabloon:Extension:PrettyPhoto:example:groep5:code</prettyphoto>
- <prettyphoto group="video" thumbnail="Quicktime: mov">http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360</prettyphoto>
- <prettyphoto group="video" thumbnail="Quicktime: mov">http://www.webemotion.nl/media/video/sample_sorenson.mov?width=190&height=240</prettyphoto>
- <prettyphoto group="video" thumbnail="Quicktime: mp4">http://www.webemotion.nl/media/video/sample_iTunes.mov?width=640&height=480</prettyphoto>
- <prettyphoto group="video" thumbnail="Flash: swf" ref="Video afkomstig van Home star runner">http://www.homestarrunner.com/vcr_hs.swf?width=792&height=660</prettyphoto>
- <prettyphoto group="video" thumbnail="YouTube" ref="Video afkomstig van WebEmotion">http://www.youtube.com/watch?v=NmUspqbRnjQ?width=700&height=425</prettyphoto>
- <prettyphoto group="video" thumbnail="Vimeo">http://vimeo.com/8245346?width=700&height=470</prettyphoto>
- <prettyphoto group="video" thumbnail="Silverlight : POW news" des="POW news">http://embed.player.omroep.nl/sle/ugslplayer.xap?initParams=version=sl.1.9.9,episodeID=13066510,playlistEnabled=no,playMode=play,width=630,height=350,volume=100,seekTime=00:00:00,subtitlesEnabled=false</prettyphoto>
- <prettyphoto group="video" thumbnail="Silverlight : De wereld draait door" des="De wereld draait door">http://embed.player.omroep.nl/sle/ugslplayer.xap?initParams=version=sl.1.9.9,episodeID=13066513,playlistEnabled=no,playMode=play,width=630,height=350,volume=100,seekTime=00:00:00,subtitlesEnabled=false</prettyphoto>
- <prettyphoto group="video" thumbnail="Flash Video: Layersmagazine" des="Video afkomstig van layersmagazine">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player.swf?width=700&height=544&flashvars=autostart=true&file=http://media.kelbymediagroup.com/layersmagazine/video/tutorials/cs4_graham_ill_artboards2.flv</prettyphoto>
- <prettyphoto group="video" thumbnail="Flash Video: Audi Commercial" ref="Video afkomstig van FLV Player">http://wiki.webemotion.nl/extensions/prettyPhoto/include/player.swf?width=700&height=418&autostart=true&volume=100&file=http://flvplayer.com/media/audi_tdi_commercial.mp4</prettyphoto>