SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

289 Plugins, 197 contribs sur SPIP-Zone, 160 visiteurs en ce moment

Startseite > Affichage multimédia > Galeries et diaporamas > Galerie Diapo > Plugin Diapo (de)

Plugin Diapo (de)

Galerie / Diashow per SPIP-Tag <diapoXX> einfügen

3. März 2008 – von rainer – commentaire

Alle Fassungen dieses Artikels: [Deutsch] [Español] [français] [italiano]

0 vote

Durch dieses Plugin wird die Möglichkeit geschaffen, mit dem SPIP-Tag <diapoXX> eine Galerie/Diashow einzufügen, wobei die Bilder hierfür dem Artikel XX entstammen.

Das Ziel:

Als ich für eine Website eine Fotogalerie benötigte, probierte ich verschiedene Möglichkeiten aus, zum Beispiel ein eigens geschriebenes Skelett.
Letztendlich habe ich mich dann aber für ein „Modell“ (zum Begriff Modell siehe hier) entschieden, um die größtmögliche Flexibilität zu erreichen.

Beispielseiten:
Pays Bourgogne-Nivernaise (Version 1 des Plugins)
aktueller ist diese Testseite

Das Plugin erlaubt eine persönliche Anpassung in Design und Funktionalität.

Installation

Es genügt, den hier herunterzuladenden ZIP-Ordner in das Verzeichnis /plugins (muss nötigenfalls erstellt werden) der betreffenden Website per ftp hochzuladen. Danach ist das Plugin zu aktivieren (im Redaktionssystem: Konfiguration – Plugin-Verwaltung).

Anwendung

Der SPIP-Tag <diapoXX> eine fügt eine Galerie/Diashow ein. Die Bilder hierfür können in einem beliebigen Artikel XX hochgeladen sein.
Es ist möglich, mehrere Galerien/Shows pro Seite einzufügen.

Die Art der Anzeige kann voreingestellt werden:
-  <diapoXX|diapo> (entspricht <diapoXX>) für eine Diashow
-  <diapoXX|pause> für eine Diashow auf „Pause“
-  <diapoXX|left> für eine Galerie mit Vorschaubildern links
-  <diapoXX|right> für eine Galerie mit Vorschaubildern rechts
-  <diapoXX|center> für eine Galerie mit Vorschaubildern oben.

Je nachdem, welche Option man auswählt, wird die Breite des angezeigten Bildes verschieden berechnet: standardmäßig eine kleinere Anzeige („petite image“) für |left und |right, eine größere („grande image“) für die übrigen Fälle.

Das Plugin arbeitet mit dem JavaScript-Framework JQuery. Dies benutzt AJAX-Anwendungen für die pagination und das Laden der Bilder.
Notfalls funktioniert das Plugin aber auch ohne Javascript.

Anpassungen

Verschiedene Anpassungs-Parameter können in der Datei mes_fonctions.php definiert werden:

-  Geschwindigkeit der Diashow (in Millisekunden; Standardwert 8000ms):

//temps de pause 5 secondes :
$GLOBALS['diapo_temps']=5000;

-  Anzahl der Vorschaubilder pro „pagination“ (Standardwert 8):

//10 vignettes par page :
$GLOBALS['diapo_vignettes']=10;

-  Die maximale Breite des großen Bildes (in Pixeln; Standardwert 500) :

//largeur de la grande image  560px maxi :
$GLOBALS['diapo_grand']=560;

-  Die maximale Breite des kleinen Bildes (in Pixeln) :

$GLOBALS['diapo_petit']=350;

Das Stylesheet (diapo.css.html) versieht die Bilder mit einem 2 px breiten Rand, so dass sie 4 px mehr Platz beanspruchen.

-  Die Größe (Höhe und Breite) der Vorschaubilder (falls nicht definiert, wird die Größe automatisch berechnet, so dass die Vorschaubilder in einer Zeile über das angezeigte Bild passen):

//largeur et hauteur maxi des vignettes 80px :
$GLOBALS['diapo_vignette']=80;

Für die Bilder (große und kleine Anzeige) gibt es standardmäßig keine Höhenbeschränkung.
Falls dennoch eine Höhenbeschränkung vorgenommen werden soll:

$GLOBALS['diapo_grand_h']=4000;
$GLOBALS['diapo_petit_h']=300;

Die Vorschaubilder hingegen werden in Breite und Höhe reduziert.
Änderung der Höhenreduzierung der Vorschaubilder:

$GLOBALS['diapo_vignette_h']=50;


Wer sich sein eigenes Modell erstellen will, das von
/plugins/diapo/modeles/diapo.html
abweicht, kann dies unter
/squelettes/modeles/diapo.html ablegen, das Standardmodell wird dann ignoriert.
Achtung: Beim Erstellen eines eigenen Modells unbedingt die Kommentare im Standardmodell beachten! Es gibt ein paar Tricks, die beachtet werden müssen (gekennzeichnet mit „attention bidouille“).

Aber auch schon durch die bloße Veränderung des Stylesheets und der pagination* kann einiges erreicht werden.


(* Wenn ein eigenes Modell der pagination unter /squelettes/modeles/pagination.html gespeichert wird, wird /dist/modeles/pagination.html ignoriert)


Zusatz des Übersetzers:

Ach ja: falls das plugin nicht wie gewünscht funktioniert...

Das häufigste Problem, das im französischen Forum zu diesem Artikel angesprochen wird, ist das Fehlen des Tags #INSERT_HEAD in den Artikel-, Meldungs- und Rubrikskeletten (oder in der Datei inc-head). Der Tag gehört in Großbuchstaben zwischen <head> und </head>.

Und es lohnt sich, sowohl mit SPIP als auch mit dem PLugin (Version SVN stable) up to date zu bleiben, sonst kann es zu Problemen kommen. Insbesondere sollte SPIP nicht älter sein als SPIP 1.9.2.

Voilà.

Dernière modification de cette page le 13. Juni 2012

Retour en haut de la page

Ihr Kommentar

auf diesen Artikel antworten

Wer sind Sie?
  • [Login]

Um Ihren Avatar hier anzeigen zu lassen, registrieren Sie sich erst hier gravatar.com (kostenlos und einfach). Vergessen Sie nicht, hier Ihre E-Mail-Adresse einzutragen.

Hinterlassen Sie Ihren Kommentar hier. Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Dokument hinzufügen

Retour en haut de la page

Ça discute par ici

  • (fr) Escal-V3 et Escal-V4

    16 février 2012 – 317 commentaires

    Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé. Présentation A l’instar de sa petite soeur plugin Escal-V2 dont elle reprend toutes les (...)

  • (fr) Planning simple

    9 septembre 2015 – commentaires

    Ce plugin permet de créer et imprimer un emploi du temps de façon simple. Il dispose de deux méthodes, l’une est d’écrire une liste des évènements dans le corps de l’article, l’autre requiert le plugin agenda. Le plugin planning simple permet (...)

  • (fr) Réservation d’événements

    16 mars 2015 – 348 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification Facteur (...)

  • (fr) Enluminures typographiques V3

    25 juillet 2009 – 201 commentaires

    Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. C’est une extension du PortePlume. Pour la documentation d’usage, se reporter à celle du (...)

  • (fr) Plugin Zoombox pour Spip

    7 octobre 2011 – 39 commentaires

    Le plugin Zoombox vous permet d’ajout un effet de présentation agréable sur vos images et vos vidéos. Présentation Le plugin Zoombox pour Spip est une adaptation du plugin Jquery créé par un développeur devenu célèbre grâce à ses nombreux tutoriels (...)