Displaying Phoca Gallery Plugin

{phocagallery view=category|categoryid=81||limitstart=0|limitcount=7|detail=3|displaydescription=1|descriptionheight=1|displayname=0|displaydetail=1|displaydownload=1|type=0|float=left}

Bestimmtes Bild Nr. 359 in Kategorie 49:

{phocagallery view=category|categoryid=49|imageid=359|displaytitle=1|detail=3|displaydescription=1|descriptionheight=1|displayname=0|displaydetail=1|displaydownload=1|type=0|float=right}

Bestimmtes Bild Nr. 359 in Kategorie 49 mit Titelanzeige

{phocagallery view=category|categoryid=49|imageid=359|displaytitle=1|detail=3|displaydescription=1|descriptionheight=1|displayname=1|displaydetail=1|displaydownload=1|type=0|float=right}

Dasselbe als kleines Bild:

{phocagallery view=category|categoryid=49|imageid=359|detail=3|displayname=0|displaydetail=1|displaydownload=1|type=1|float=left}

Bestimmte Bilder in Kategorie 13:  (Anzahl = limitcount,  Startbild innerhalb der Kategorie: limitstart)

{phocagallery view=category|categoryid=13|limitstart=3|limitcount=51|detail=3|displayname=0|displaydetail=1|displaydownload=1|type=1|float=right}

Die Namen der Ordner, in denen die Fotos gespeichert sind, dürfen keine Leerzeichen enthalten.

Standardpfad für die Fotos ist:  http://www.eckhorst-gymnasium.lernnetz.de/joomla-315/images/phocagallery/

Fügen Sie den folgenden Code in Ihren Artikel ein:

Kategorien anzeigen

altphocagallery view=categoriesalt

  • phocagallery - zeigt das Phoca Gallery Plugin an
  • view - categories | category | switchimage - zeigt alle Kategorien, Bilder einer Kategorie, oder switch image an
  • categoryid - number - Setzen Sie die ID der Kategorie, die Sie anzeigen wollen, falls Sie nur eine anzeigen wollen
  • imagecategories - 0|1 - Zeigen Sie ein Bild neben dem Kategorie Namen an in der Kategorien Ansicht an, oder versteken Sie es
  • imagecategoriessize - 0|1|2|3|4|5|6|7 - bedeutet: 0 - klein | 1 - mittel | 2 - kleiner Ordner | 3 - mittlerer Ordner | 4 - klein mit Schatten | 5 - mittel mit Schatten | 6 - kleiner Ordner mit Schatten | 7 - mittlerer Ordner mit Schatten - Bildgröße neben dem Kategorienamen
  • hidecategories - number - Versteckt Kategorien in der Kategorien Ansicht. Fügen Sie die ID(s) der Kategorie(n) ein, die nicht angezeigt werden sollen. Wenn mehrere, ID(s) mit einem Komma trennen (,).
Wichtig
Wenn Sie den Code von dieser Webseite kopieren, kopieren Sie bitte nicht  { und }, denn das sind keine Zeichen sondern Bilder. Wenn Sie den Code in Ihren Artikel eingefügt haben, müssen Sie die { und } (geschweifte Klammern) selber tippen. (Wenn es hier eingegeben werden würde, würden Sie nicht den Code sehen, aber die Bilder). Verwenden Sie keinen Zeilenumbruch im Code. Der Code sollte ohne Zeilenumbrüche in den Editor eingefügt werden.

Bilder anzeigen

 phocagallery view=category|categoryid=2|
imageid=0|limitstart=0|limitcount=2|
fontcolor=#B88A00|bgcolor=#FFBF00|bgcolorhover=#BFFF00|imagebgcolor=#FFD24D|
bordercolor=#B88A00|bordercolorhover=#86B300|
detail=1|displayname=1|displaydetail=1|displaydownload=1|float=right

  • phocagallery - zeigt das Phoca Gallery Plugin an
  • view - categories | category | switchimage - zeigt alle Kategorien, Bilder einer Kategorie, oder switch image an
  • categoryid - numerischer Wert - Setzen Sie die ID der Kategorie, in der sich das Bild befindet, dass sie anzeigen wollen
  • imageid - numerischer Wert - Setzen Sie die Bild ID des Bildes, dass Sie anzeigen wollen
  • imagerandom - 0|1 - Zufallsbildanzeige an (1) oder aus (0)
  • imageshadow - none | shadow1 | shadow2 | shadow3 - Wählen Sie einen Bildhintergrund-Schatten
  • limitstart - numerischer Wert - Falls Sie mehr als ein Bild anzeigen wollen, mit welchem Bild soll begonnen werden?
  • limitcount - numerischer Wert - Falls Sie mehr als ein Bild anzeigen wollen, wieviele?
  • fontcolor - HTML Farbe - Schriftfarbe
  • bgcolor - HTML Farbe - Hintergrundfarbe
  • bgcolorhover - HTML Farbe - Hintergrundfarbe bei Mouseover
  • imagebgcolor - HTML Farbe - Bildhintergrund Farbe
  • bordercolor - HTML Farbe - Rahmenfarbe  (Sie können den Rahmen durch Setzen der Rahmenfarbe auf transparent, verstecken. bordercolor=transparent)
  • bordercolorhover - HTML Farbe - Rahmenfarbe bei Mouseover
  • detail - 0|1|2|3|4|5|6|7|8 - 0 - Modal Box | 1 - Standard Popup Window | 2 - Modal Box (only image) | 3 - Shadowbox | 4 - Highslide JS | 5 - Highslide JS (only image) | 6 - JAK lightbox | 7 - No Popup | 8 - Slimbox
  • displayname - 0|1 - 1-Namen anzeigen oder 0-verstecken
  • displaydetail - 0|1 URL zum Detail Fenster anzeigen oder verstecken
  • displaydownload - 0|1 - 1-URL-Link zum Download Fenster anzeigen, oder 0-verstecken
  • displaybuttons - 0|1 - 1-Slideshow Buttons anzeigen oder 0-verstecken
  • float - left|right - Ihre Bilder können im Text positioniert werden (links oder rechts - CSS-Float)
  • namefontsize - numerischer Wert - Schriftgröße des Namens (Bildname in der Kategorie Ansicht - in px)
  • namenumchar - numerischer Wert - Anzahl der Schriftzeichen, die für den Bildnamen angezeigt werden (Bildname in der Kategorie Ansicht)
  • displaydescription - 0|1 - Wenn Sie in der Phoca Gallery Komponente Beschreibung anzeigen eingeschaltet haben, und Sie wollen Beschreibungen auch mit dem Plugin in der Detail Ansicht anzeigen, müssen Sie diesen Wert auf 1 setzen
  • descriptionheight - numerischer Wert - Wenn Sie in der Phoca Gallery Komponente Beschreibung anzeigen eingeschaltet haben, und Sie wollen Beschreibungen auch mit dem Plugin in der Detail Ansicht anzeigen, müssen Sie die Höhe der Anzeige setzen, weil das Detailfenster (Modal Popup Box or Standard Popup Window) angepasst werden muß.
  • enableswitch - 0|1 - Die Switch Option einschalten (1), wird nur gebraucht, wenn Switch Imageangezeigt wredn soll
  • overlib - 0|1|2|3 - Schaltet den Überlagerungseffekt ein, (1) nur Bild, (2) nur Beschreibung, (3) Bild und Beschreibung
  • piclens - 0|1|2 - PicLens (Cooliris) einschalten, (1) PicLens, (2) PicLens mit Startbutton (Für Browser, in denen nicht die Cooliris (PicLens) Unterstützung installiert ist)
  • imageordering - Wählen Sie ein Bild Sortierung: 1 - Sortierung aufsteigend, 2 - Sortierung absteigend, 3 - Titel aufsteigend, 4 - Titel absteigend, 5 - Datum aufsteigend, 6 - Datum absteigend, 7 - ID aufsteigend, 8 - ID absteigend, 9 - zufällig
  • pluginlink - Setzen Sie den Linktyp: 0 - Link zur Detail Ansicht, 1 - Link zur Kategorie, 2 - Link zu allen Kategorien
  • type - Wählen Sie die Bildansicht: 0 - Standart mittleres Miniaturbild (thumbnail), 1 - kleines Miniaturbild (Mosaikeffekt), 2 - Miniaturbild
  • paddingmosaic - Setzen Sie den innenabstand des Mosaikeffektes (in px)
  • highslidedescription - Wählen Sie diesen Parameter, wenn Sie Beschreibungen in der Detail Ansicht Highslide JS (nur Bild) anzeigen wollen: 1 - Titel, 2 - Beschreibung, 3 - Titel und Beschreibung

Bild umschalten anzeigen

 phocagallery view=switchimage|switchheight=360|switchwidth=416|basicimageid=71
 phocagallery view=category|categoryid=15|limitstart=0|limitcount=2|enableswitch=1

  • phocagallery - zeigt das Phoca Gallery Plugin an
  • view - categories | category | switchimage - zeigt alle Kategorien, Bilder einer Kategorie, oder switch image an
  • switchheight - numerischer Wert - Höhe des großen Bildes
  • switchwidth - numerischer Wert - Breite des großen Bildes
  • basicimageid - numerischer Wert - Die ID eines Bildes, das angezeigt werden soll, wenn nicht über ein Miniaturbild gehoovert wird.

Ausführliche Anleitungen unter:

Vorbereitung der Fotos für die Schulhomepage:

1) Verringere die Größe auf 1024 x nn Pixel oder nn x 1024 Pixel (z.B. mit Irfanview).

    GGfs. Bildverbesserung, Rote-Augen-Korrektur und Schärfen anwenden

2) Lade das Bild über  Inhalt  --> Medien hoch in einen Ordner unterhalb von <<phocagallery>>

   Es kann auch ein neuer Ordner erstellt werden. Der sollte dort angeordnet werden, wo das Bild in der Menüstruktur der Homepage auch zu finden ist, z.B. unter  Kuhle-->Studienfahrten-->Nizza

3) Öffne Komponenten --> Phoca Gallery --> Images --> neu

    Select category auswählen (z.B. Studienfahrten) und Foto über select filename auswählen,

Bild hinzufügen, Nummer Image-ID suchen und Category-ID suchen,

beide Zahlen oben auf dieser Seite in den Phocagalley-Befehl einfügen, in den Beitrag kopiern, fertig.

---------------------

Änderung des Layouts der Startseite: (Spalten, Anzahl Artikel)

Navigationsmenü  --> home --> edit --> Layout