Neu hier? Registriere Dich kostenlos per "Registrierung"
Anmelden
Landesjugendwerk Saarland - 2013

Um eine Bildergallerie aus vielen Bildern und mit automatischer Diashow (Slideshow) zu erstellen wie auf den beiden Beispielbildern soll folgende Schritt-f?r-Schritt-Anleitung helfen.

Bilder ?bersicht

Vergr?sserung und Slideshow beim Klick auf ein beliebiges Bild

Bevor es losgeht zun?chst noch ein paar wichtige Hinweise:

verwendet werden d?rfen nur Bilder,

  • die Du selbst gemacht hast oder von denen Du die Erlaubnis des Fotografs hast, sie zu ver?ffentlichen
  • auf denen die abgebildeten Personen ihr Einverst?ndnis zur Ver?ffentlichung abgegeben haben, oder wenn es sich um eine Personengruppe (mindestens 7 Leute) handelt
  • die vorzeigbar im Sinne des Jugendwerks sind, also keine Saufbilder oder ?hnliches

nimm Dir f?r diese Anleitung ca. 10 Minuten Zeit und lese sie aufmerksam.

  • Es ist wichtig, dass Du alle Schritte haargenau so machst, wie beschrieben. Viele Einstellungen lassen sich im Nachhinein nicht wieder ?ndern oder bringen das gesamte Bildersortierungssystem durcheinander.
  • Wenn Dir etwas unklar erscheint, lies die Anleitung nocheinmal oder frage bei Stefan Schadick nach.

Nimm Dir zum Erstellen der Bildergallerie auch mindestens ca. 10 Minuten Zeit

  • Eine Bildergallerie zu erstellen ist leider nicht mit ein, zwei Mausklicks getan, es gibt einige Einstellungen und Schritte die dazu notwendig sind.
  • Nimm Dir daf?r Zeit, hopplahopp ist schnell einiges durcheinandergebracht.

Vorgehensweise:

Um eine Bildergallerie zu erstellen sind f?nf Schritte notwendig

1.) Vorbereitung der Bilder

2.) Kategorie anlegen

3.) Bilder hochladen

4.) Gallerie erstellen

5.) Men?punkt erstellen

1.) Vorbereitung der Bilder

Bevor Du aus Deinen Bildern eine Bildergallerie machst erledige bitte folgende Schritte

  1. sortiere schlechte, unsch?ne und unscharfe Bilder aus
  2. drehe die Bilder ggf. so, dass man den Computerbildschirm nicht hochkant drehen muss? Wink
  3. verkleinere die Bilder auf 1024 x 768 Pixel (siehe Anleitungdurcheinander Bilder verkleinern)
  4. benenne Deine Bilder passend um oder nummeriere sie fortlaufend (siehe Anleitungdurcheinander Dateien umbenennen)

2.) Kategorie anlegen

Um Bildergallerien zu erstellen und anzuzeigen gibt es die Komponente "Phoca Gallery".

Damit die rund 10.000 Bilder (Standdurcheinander Oktober 2011) nicht alle durcheinander sondern ?bersichtlich sortiert sind gibt es eine Einteilung in Kategoriern und Unterkategorien (und ggf. Unterkategorien von Unterkategorien usw.)

Jede Bildergallerie muss eine eigene, neue Kategorie erhalten

Logge Dich aber zun?chst im Administrationsbereich ein (Interner Bereich -> Adminbereich)

Unter "Funktionen" gehe auf "Phoca Gallerie" und dann gleich auf "Kategorien"

Um eine neue Kategorie f?r Deine Bildergallerie anzulegen klicke auf "Neu"

Hier m?ssen nun folgende 4 Felder beachtet werden:

Titel:? Name Deiner Bildergallerie so wie er sp?ter auf der Webseite angezeigt werden soll. Beispieldurcheinander "Spanien 2011" oder "Europapark 09"

alias:? Joomla-interne Bezeichnung, benutze hier dasselbe wie unter "Titel" nur kleingeschrieben, zusammen und ohne Sonderzeichen und ?, ?, ?

?bergeordnete Kategorie:? w?hle eine der 4 Haupt Kategrien aus unter die Deine Bildergallerie passt

  1. AKs - Arbeitskreise
  2. Seminare
  3. Ferienfreizeiten
  4. Aktionen

Alle anderen angezeigten Kategorien sind Unterkategorien und bereits eigenst?ndige Bildergallerien

Zugriffsebene:? legt fest, wer die Bilder sp?ter sehen kann

?ffentlich = jeder Besucher kann die Bilder sehen

registriert = nur registrierte und angemeldete Besucher

Spezialdurcheinander nur Administratoren k?nnen die Bilder sehen.

Um noch einen Text ?ber der Bildergallerie zu positionieren, den man sp?ter auf der Webseite sehen kann (z.B. Infos zur Ferienfreizeit oder so), kannst Du das jetzt ganz unten unter "Beschreibung" machen.

Am Rest brauchst Du nichts zu ver?ndern und kannst dann auf "Speichern" klicken

Nun gelangst Du wieder zur Kategorieansicht mit der Liste aller bereits vorhandenen Kategorien.

Wenn Du nun nac h unten scrollst findest Du irgendwann, zum ?berpr?fen, Deine gerade angelegte Kategorie.

In unserem Beispiel die "Testkategorie" als untergeordnete Kategorie von "Aktionen".

Nun kann es weiter gehen zu Schritt 3.)

3.) Bilder hochladen

Um nun Deine sortierten, verkleinerten und umbenannten Bilder hochzuladen (in den unsichtbaren Teil der Webseite, den sog. Webspace) klicke in der Phocagallery auf "Bilder"

Du siehst, ?hnlich wie in der Kategorieansicht, hier nun die Bilderansicht mit einer Liste aller bereits hochgeladenen Bilder.

Klicke nun rechts oben auf "Mehrere hinzuf?gen"

Was Du hier siehst ist die der Webspace, also der Speicher im Internet, auf dem die Webseite liegt.

Genauer gesagt der Teil, in dem nur die Bilder f?r Bildergallerien gespeichert sind.

Das geschieht wie auf Deinem PC auch im Explorer mit Ordnern und Unterordnern.

Alle Bilder sind geordnet nach

1. Jahreszahl

2. in einem der drei Unterordner

  • ?Aktionen
  • ?FF
  • ?Seminare

3. Im passenden Unterordner kommen Deine Bilder dann in einen eigenen Unter-Unterordner

Beispiel:? Du m?chtest eine Bildergallerie der Erlebniswoche1 machen, die in 2011 stattgefunden hat, dann geh?ren diese Bilder so eingeordnetdurcheinander? 2011 ->? FF -> Erlebniswoche1

Diesen Ordner "Erlebniswoche1" m?sstest Du dann noch erstellen.

Dazu klicke auf den Ordner "2011"

Dann auf den Unterordner "FF"

Scrolle ganz nach unten, zu "Ordner", gib den Namen des Unter-Unterordners ein den Du erstellen m?chtest (in diesem Beispiel heisst er "Bilderanleitung" und klicke auf "Ordner anlegen"

Du erh?lst dann die Meldung "Ordner wurde erstellt" und er wird auch gleich angezeigt.

Klicke nun auf den neu erstellten Ordner um Deine Bilder dorthin hochzuladen.

Nun scrolle runter und klicke auf "Heraufladen per Java"

Es ?ffnet sich nun das Uploadfenster

  • 143MB maximal k?nnen auf einen Schlag heraufgeladen werden
  • die Bilder d?rfen nicht gr?sser als 1024 x 768 Pixel gross sein

Um die Bilder auf Deinem PC auszuw?hlen klicke nun auf "Durchsuchen"

Nun wechsel in den Ordner auf Deinem PC in dem sich die Bilder befinden

W?hle alle Bilder die Du hochladen m?chtest aus.

n?tzliches Tastaturk?rzel:

STRG+A = w?hlt alle Dateien im Ordner aus

Wenn Du alle Bilder ausgew?hlt hast klicke auf "?ffnen"

Nun sollten alle Bilder im Uploadfenster zu sehen sein.

Klicke nun auf "Hochladen" um den Uploadvorgang zu starten.

Warte bis alle Bilder hochgeladen sind, die Dauer h?ngt von Deiner Internetverbindung ab.

Nach erfolgtem Upload werden die hochgeladenen Bilder im zuvor erstellten Unter-Unterordner angezeigt.

Um nun Deine hochgeladenen Bilder der zuvor erstellten Kategorie zuzuordnen w?hle unter "Kategorie" die passende aus.

Im Beispiel ist es die "Testkategorie"

?berpr?fe bitte, ob dann auch wirklich die richtige Kategorie angezeigt wird.

nun mache ein H?kchen in dem K?stchen links oben sodass alle Deine Bilder ausgew?hlt werden, das sollte dann so aussehen:

Nun klicke auf "Speichern" um die Bilder in der passenden Kategorie zu speichern.

Du erh?lst dann so eine Meldung wie unten gezeigt:

4.) Bildergallerie erstellen

Damit nun die Phocagallery Komponente die Bildergallerie erstellen kann, sie macht einige Dinge automatisch:

  • Anpassen der Bildgr?sse
  • Erstellung der Miniaturbilder f?r die ?bersichtsanzeige
  • Einf?gen des "JW Logos" auf allen Bildern

w?hle rechts Deine erstellte Kategorie aus

Nun erstellt Phocagallery die Bildergallerie

Ist sie fertiggestellt landest Du wieder in der Bilderkategorie und es kann weitergehen mit Schritt 5

5.) Men?punkt erstellen

Um der Bildergallerie nun einen Men?punkt zuzuweisen damit sie auf der Webseite angezeigt werden kann musst Du nun noch einen Men?punkt erstellen.

Dazu w?hle unter "Men?s" aus der Liste das Men? aus, in der die Bildergallerie angezeigt werden soll.

In 99% der F?lle wird es das "Men? oben" sein.

Hier im Beispiel nehmen wir aber das Men? "Interner Bereich".

Klicke im passenden Men? rechts oben auf "Neu" um einen neuen Men?punkt zu erstellen.

Als Men?typ w?hle "Phoca Gallerie" aus

Nun w?hle "Kategoriedurcheinander Phoca Galerie Layout" aus

Hier musst Du folgendes einstellen:

Titel:? Name Deiner Gallerie - so wird nun der neue Men?punkt heissen

alias:? wie oben nur klein, zusammen und ohne Sonderzeichen oder ?, ?, ?

?bergeordneter Eintrag:? legt fest unter welchem Ober-Men?punkt Deine Bildergalerie erscheinen soll

Um nun den neuen Men?punkt mit Deiner Bildergallerie abschliessend zu verkn?pfen musst Du die passende Kategorie rechts aus der Liste ausw?hlen.

Im Beispiel ist es die "Testkategorie"

Klicke danach auf "Speichern"

Du erh?lst folgende Meldung wenn alles geklappt hat - und dann bist Du fertig? Cool

?berpr?fe nun ob Deine Gallerie korrekt funktioniert.

Im Beispiel sollte eine Gallerie erstellt werden im Internen Bereich mit dem Men?punkt "Testgallerie"

Wenn Du nun auf den Internen Bereich klickst siehst Du den Men?punkt,

Und die dazu passende Testgallerie

Klickt man nun auf ein Vorschaubildchen ?ffnet sich ein grosses Bild und die Diashow startet automatisch

Das war's? Laughing

Aktionen
Ferienfreizeite...
Seminare
 
 
 
Powered by Phoca Gallery
Jugendwerk-Radio.de