Home arrow Blog arrow Bildergalerie
Thursday, 20. November 2008
Menu Firmen-Webseiten
Home Startseite
Webseiten-Ziele
Webseiten-Inhalt
Webseiten Design
Unser Service
Preisliste
Menu Branchen
Empfehlungen
Branchenwissen
Verkaufsshop
Für Kunden + Anna





Passwort vergessen?
Bildergalerie PDF Drucken
Joomla-Doku - Tipps zu Joomla 1.0
Geschrieben von Administrator   
Friday, 4. July 2008

Bildergalerie

Wenn man eine Bilder-Galerie verwenden will, muß man

  1. Mambot jw_sigpro installieren
  2. Mambot Galerie aktivieren
  3. Mehrere Bilder beim Media Manager hinterlegen
  4. Text-Seite mit Bildergalerie anlegen
  5. Bilder mit einem Text beschriften (optional)

1. Mambot Bilder-Galerie installieren

Der Mambot JW_SIGPRO ist auf unserem Server gespeichert. Wenn der nicht vorhanden ist, evtl. aus dem Internet laden (Profi-Lösung kostet etwas Geld)

Install
 Installers
  Mambots
   Laden S:/daten/joomla/plugin/jw_sigpro

Wenn vorher schon ein (altes) Mambot vorhanden ist (alte Version), muß man diese Version erst löschen, bevor man die neue Version installiert. (Deaktivieren reicht nicht - also erst delete)

2. Mambot Publizieren und anpassen

Mambots
   Site Mambots
      Publish simple image gallery pro
         Edit simple image gallery pro
              Einstellungen jetzt vornehmen

Einstellungen

 Popup-Engine   slimbox 
 Thumbnails   yearbook
 Language German
 Joomfisch no
 Thumbnail Hier stellt man ein, wie groß die Bilder bei der Übersicht sind
 Je kleiner desto schneller wird die Seite geladen, width  120 height  80
 Display mode normal
 Caption word limit -
 Display Navigation  Yes (Es soll eine Bedienungserklärung angezeigt werden - nämlich der Text, der hier 2 Zeilen tiefer bei "Popup Window" eingetragen wird.
 Hide Caption Yes
 Popup window  Im Bild oben rechts/links auf VOR/ZUR klicken
 Display Message  Sie sehen Bilder aus:
 Click Open   Click zum Vergrößern
 Order default



 

 

 

 

 

 

 

  

  

3. Mehrere Bilder im Media Manager hinterlagen

Nun müssen die Bilder, die in der Galerie erscheinen sollen, in den Media Manager gebracht werden. Es gelten folgende Empfehlungen:

  • Hauptverzeichnis „galerie“ anlegen unterhalb von  /Images/stories
  • Unterverzeichnis anlegen, z.B. „gal_mexico1“
  • Bilder möglichst immer im Format landscape machen
  • Bilder im Format Portrait in einer extra Galerie
  • Alle Bilder gleiche Größe
  • Bild nicht mehr als 600 Pixel in der Breite machen (wenn größer, zerreißt es das Template)
  • Bilder werden in alphabetischer Reihenfolge angezeigt
  • Wenn die Reihenfolge der Bilder geändert werden soll, kann man das durch rename der Bildnamen machen
  • Manchmal hilft auch eine Tabelle, um die Bilder ordentlich nebeneinander bzw. untereinander zu bekommen

4. Textseite mit Bildergalerie erstellen

Auf die Textseite, wo die Galerie erscheinen soll, wird jetzt folgender Befehl eingetragen. Basis des Bildverzeichnisses ist /images/stories/. Wenn also die Bilder liegen bei

             /images/stories/galerie/gal_mexico1                  '
   
dann folgenden Befehl eingeben:

    { gallery}/galerie/gal_mexico1{/gallery}                   (Leerzeichen nach { darf nicht sein)

Es können kleine Galerien (3 Bilder) oder große (30 Bilder) eingebaut werden. Man kann auch mehrere Galerien auf 1 Seite bringen, irgendwo vor, hinter oder zwischen den Texten.


5. Bilder beschriften

Wenn die Bilder mit der Galerie angezeigt werden, ist natürlich kein Text dabei. Man kann unter jedes Bild einen Text schreiben, das ist etwas umständlich und geht so:

Man editiert eine Datei "labels.txt" (genau mit diesem Namen). Nicht mit WORD sondern mit EDIT editieren. In diese Datei wird für jedes Bild aus der Galerie eine Zeile getippt, erst Name des Bildes, dann dahiner den Text dazu. Bei Bildname unbedingt Großschrift/Kleinschrift beachten!!!! Beispiel:

hAus01.jpg|Das ist ein schönes Haus
Baum03.jpg|Das ist ein morscher Baum
guele_guele.gif|Auf Wiedersehen auf Türkisch
USW.JPG|und so weiter

Technisch macht man das am besten so:

(1) Im einem Fenster hat man die Galerie (ganz normal die Seite mit dem Browser aufrufen), im anderen hat man den Editor mit der Datei labels.txt. Nun geht man mit der Maus über ein Bild, und man sieht ganz unten auf der Windows-Leiste den Namen des Bildes, z.B. DSCN0475.JPG. Diesen tippt man ab in den Editor und den gewünschten Text dahinter.

(2) Wieder zwei Fenster wie oben, jedoch im einen geht man in den Media-Manager. Wenn man dort ein Bild berührt und Eigenschaften anklickt, kann man den Bildnamen mit Cut & Paste rausnehmen und in die Datei labels.txt einsetzen. Da macht man keine Tippfehler.

- Strg-C  kopieren
- Strg-V  einsetzen

 

Letzte Aktualisierung ( Friday, 18. July 2008 )