EIIG: Easy Integrated Image Gallery

Easy Integrated Image Gallery

 

EIIG Logo

EIIG ist eine interaktive Bildergalerie, die in WordPress verwendet werden kann. Hauptaugenmerk liegt dabei auf der einfachen Nutzung sowie der Integration in das Plugin EAPI.

Hier geht es zum Download!

Viel Spaß bei der Nutzung!

EIIG kann über folgenden Tag verwendet werden.

EIIG Tag

Die Ausgabe sieht in diesem Fall folgendermaßen aus:

 

Mit dem Parameter „pics“ können die anzuzeigenden Bilder ausgewählt werden. Hierfür können Sie entweder direkt verschiedene URLs angeben oder aber auf die interne WordPress-Mediathek verweisen. Um auf die Mediathek zurückgreifen zu können, müssen Sie auf die Bild-ID verweisen. Die Bild-ID finden Sie, wenn Sie in der Mediathek auf ein Bild klicken in der URL. http://jensmueller.one/wp-admin/upload.php?item=657

Diese URL verweist beispielsweise auf das Bild mit der ID 657. EIIG erzeugt daraus dann eine Galerie durch die navigiert werden kann.

Sie können beliebig viele URLs oder IDs hintereinander angeben, indem Sie diese mit einem Komma trennen.

Verwendung von EAPI zusammen mit EIIG

Außerdem kann EIIG auch zusammen mit EAPI verwendet werden. Auch hierfür ein Beispiel-Tag:

EAPI mit EIIG

Hier sehen Sie die Ausgabe zu diesem Tag.

Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)

Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)Nicole&Doris 2017 neue Welle Paket Kuriertasche Damen weiblichen Beutel Handtaschen für Frauen Handtasche(Gray)
  • Material - wählen hochwertigen PU-Schale, leichtgewichtige , weich, atmungsaktiv , wasserdicht , antimoth, fäulnisbeständig und reißfest ; zarten Hardwares, modisch, schön und praktisch; Feinfutter, glatt, weich, komfortabel und langlebig.
  • Prozess - Handmade mit italienischer Handwerkskunst von jedem sorgfältigen Stich. Die Konzentration auf jedes Detail der Verarbeitung und das Streben nach Perfektion des Produkts zeigt unsere Verantwortung für den Genuss der lieben Kunden und wir glauben, dass gutes Material, aufmerksam Design und erstklassige Verarbeitung zusammen können Sie ein erweitertes Produkterlebnis bringen.
  • Occasions -Nicole&Doris Taschen für die weibliche, darunter Top-Griff Taschen, Crossbody Taschen, Schultertaschen und einige andere für eine Vielzahl von Anwendungen, können Sie es für das Reisen / Shopping verwenden, auf einer Party / Schule oder in einem Fitness-Studio egal / Büro, wo Sie sind, wird die Niocle & Doris Tasche immer bei dir sein.

In diesem Fall wird die Galerie direkt in die EAPI-Produktbox integriert mit den Produktbildern von Amazon.

Parameter

EIIG unterstützt eine Reihe verschiedener Parameter mit denen die Ausgabe individualisiert werden kann. Im WordPress-Dashboard können keine Einstellungen getroffen. Stattdessen werden alle Einstellungen mit Parametern übergeben. Die nachfolgende Tabelle zeigt alle Parameter für EIIG.

ParameterBedeutungBeispiel
picsEs können die anzuzeigenden Bilder ausgewählt werden.pics="342,758" (Verwendung der Mediathek ID)
pics="http://jensmueller.one/wp-content/uploads/2015/12/logo_top.png,http://jensmueller.one/wp-content/uploads/2015/12/logo-300x235.png" (Verwendung einer URL)
borderZeigt einen Rahmen um die Galerie an.border=1
shadowZeigt einen Schatten in der Box um die Galerie an.shadow=1
linkZeigt einen Link in der rechten unteren Ecke an.link=http://jensmueller.one
startGibt an bei welchem Bild die Galerie beginnen soll.start=3
Die Galerie beginnt erst im dritten Bild.
widthGibt die Breite der Galerie an.width=500px, width=50%, width=full
heightGibt die Höhe der Galerie an.height=350px
textGibt den Linktext an.text="Klicken Sie hier!"
alt_[*] Zahl zwischen 1 und 9Hiermit kann das ALT-Attribut eines Bildes überschrieben werden.alt_3="Lissabon ist schön."
Das ALT-Attribut des dritten Bildes wird überschrieben.
title_[*] Zahl zwischen 1 und 9.Hiermit kann das TITLE-Attribut eines Bildes überschrieben werden.title_4="Lissabon ist schön."
Das TITLE-Attribut des dritten Bildes wird überschrieben.

Verwendung zusammen mit EAPI

Das besondere an EIIG ist die Integrationsmöglichkeit in EAPI. Wenn Sie EIIG sowie EAPI installiert haben, können Sie über einen Parameter in EAPI die Bildergalerie von EIIG aufrufen. Die Bilder von Amazon werden dann in der EIIG Galerie angezeigt.

Es können (fast) alle Parameter von EIIG auch in EAPI verwendet werden, sofern Sie mindestens Version 3.0.0 von EAPI installiert haben. Hier sehen Sie alle erlaubten Parameter und deren Bedeutung. Diese Parameter müssen im EAPI-Shortcode verwendet werden.

ParameterBedeutungBeispiel
eiigHiermit wird EIIG aufgerufen.eiig=1
eiig_linkHiermit können Sie angeben auf welche URL EIIG verlinken soll.eiig_link=http://jensmueller.one
eiig_heightGibt die Höhe der Galerie an.height=100px
eiig_widthGibt die Breite der Galerie an.width=100px
eiig_textGibt den Linktext an.text="Klicken Sie hier!"
eiig_borderZeichnet einen Rahmen um die Galerie.eiig_border=1
eiig_shadowZeichnet einen Schatten in die Galerie.eiig_shadow=1
eiig_excludeWenn Sie möchten, dass bestimmte Bilder aus der Amazon-API nicht angezeigt werden sollen, können Sie diese hier ausschließen.eiig_exclude="1,5"
Das Bild Nummer 1 und Nummer 5 wird nicht angezeigt.

Auch hierfür gibt es zwei Beispiele, mit möglichst vielen Parametern:

EAPI mit EIIG

Beispiel 1: Eine normale Produktbox. Die Bilder Nummer 3, 6 und 7 von Amazon werden jedoch nicht angezeigt.

Severin AT 2514 Automatik-Toaster (850 W) edelstahl

Severin AT 2514 Automatik-Toaster (850 W) edelstahlSeverin AT 2514 Automatik-Toaster (850 W) edelstahlSeverin AT 2514 Automatik-Toaster (850 W) edelstahlSeverin AT 2514 Automatik-Toaster (850 W) edelstahl
  • Hochwertiges, wärmeisolierendes und doppelwandiges Edelstahl-Gehäuse
  • Brotscheibenzentrierung für die gleichmäßige Bräunung beider Brotseiten
  • Integrierter Brötchen-Röstaufsatz zur einfachen Zubereitung von Brötchen

Beispiel 2:

Severin WK 3348 Wasserkocher / 1350 Watt / Inhalt 1 Liter / doppelwandiges Edelstahlgehäuse / edelstahl-schwarzSeverin WK 3348 Wasserkocher / 1350 Watt / Inhalt 1 Liter / doppelwandiges Edelstahlgehäuse / edelstahl-schwarzSeverin WK 3348 Wasserkocher / 1350 Watt / Inhalt 1 Liter / doppelwandiges Edelstahlgehäuse / edelstahl-schwarzSeverin WK 3348 Wasserkocher / 1350 Watt / Inhalt 1 Liter / doppelwandiges Edelstahlgehäuse / edelstahl-schwarzSeverin WK 3348 Wasserkocher / 1350 Watt / Inhalt 1 Liter / doppelwandiges Edelstahlgehäuse / edelstahl-schwarz
Eine Bildergalerie mit den Bildern von Amazon. Die Bilder Nummer 4 und 7 von Amazon werden jedoch nicht angezeigt. Zusätzlich erhält die Galerie einen Ramen sowie einen Schatten. Außerdem beginnt die Bilder-Galerie erst beim dritten Bild. Die Navigation ist jedoch in beide Richtungen möglich.

 

 

Probieren Sie gerne die verschiedenen Funktionen von EIIG aus. Die Einsatzmöglichkeiten sind vielfältig. Viel Spaß!