Die Anforderungen für das Plugin sind mindestens PHP5,  der JW FLV-Player wurde standardmäßig deaktiviert und erfordert für die Aktivierung, das Akzeptieren der Lizenzbedingugnen. Die zusätzlichen Skins wurden entfernt, mehr dazu hier oder hier.

Shadowbox JS nutzt JW FLV Player, welcher unter den Bedingungen der Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License, auf nicht kommerziellen Seiten genutzt werden kann. Wer den Player auf kommerziellen Seiten anwenden möchte, muss eine Lizenz erwerben. Standardmäßig ist der Player für die Nutzung mit Shadowbox JS deaktiviert. Für die Aktivierung geht ihr in den Adminbereich [Einstellungen] [Shadowbox JS], ändert die Einstellung [Enable FLV Support] von [false] auf [true] und speichert anschließend. Danach steht unter der Player-Auswahl [FLV] zur Verfügung. Mit der Auswahl des Players, dem Speichern sowie Bestätigen der Lizenzbedingungen, könnt ihr ab sofort den FLV-Player auf eurer Seite nutzen.   [Enable FLV Support] auf [true] setzen, danach die Einstellungen speichern. Lizenzbedingungen akzeptieren. FLV auswählen und die Einstellungen speichern.

Weitere interessante Artikel:

Mit Shadowbox.js lassen sich nahezu alle Dateien inline anzeigen
Bisher habe ich bei der Anzeige von Bilder auf das Lightbox2 Javascript by Lokesh Dhakar gesetzt. Lief auch großartig, bis ich für eine übersichtliche …
Greybox Plugin fuer WordPress
Es gibt für mich im Web immer wieder Neues zu entdecken, so zum Beispiel das JavaScript/CSS Skript Greybox, ein eindrucksvolles PopUp-Fenster der …
Photos oder Bilder mit Lightbox anschaulicher darstellen – Anleitung
Sowohl mit dem Greybox – Plugin, als auch mit dem Java Script Lightbox, kann man auf  eine schöne Art, Bilder und Photos anschaulicher darstellen …

© Photo Pingalerie, 2009. | Permalink | ARTIKEL TAGS: Javascript, Photo, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !

Ich habe früher das cforms II Plugin von delicious:days benutzt, bin aber mittlerweile auf das
Contact Form 7 Plugin umgestiegen.

Mit Contact Form 7 erhalten WordPress-Nutzer ein sehr schlankes und leicht einsetzbares Plugin, mit dem man schnell Kontaktformulare für seine Seite erstellen kann. Es zeichnet sich durch seine Bedienungsfreundlichkeit und guten Spamschutz per Captcha-Bild, in Verbindung mit dem
Really Simple CAPTCHA Plugin, aus. Contact Form 7 wurde in zahlreiche Sprachen (u.a. Deutsch) übersetzt und benötigt kaum arbeitsaufwendige Anpassungen.

	Plugin herunterladen
	Dateien entpacken
	Verzeichnis in den wp-content/plugins/-Ordner kopieren
	Plugin im Administrationsbereich aktivieren
	Im Menü (siehe Abb.) Contact Form 7 konfigurieren
	Den generierten Code in eine Seite oder Beitrag einfügen.
	F E R T I G

• Die einzelnen Formularelemente könnt ihr mit dem Generator im Formularbereich generieren und in den Editor kopieren. Standardmäßig befinden sich im Formularbereich schon folgende Elemente: Name, Email, Betreff, Textfeld für die Nachricht sowie der Sende-Button.

FORMULARBEREICH

Wer noch weitere oder andere Formularelemente, wie zum Beispiel Telefonnummer, oder eine Auswahlbox etc.) in seinem Kontaktformular einbringen möchte, kann dies über den Button «Generiere Tag» verwirklichen.

MAIL

Im Bereich «Mail» wird festgelegt, welche Angaben ihr vom Absender erhaltet. Linke Seite: Angaben im Posteingang. An deine Mailadresse Von Name und Mail des Absenders Betreff Betreffzeile Rechte Seite: Angaben in der E-Mail. (Ich habe mich für folgende Angaben entschieden) E-Mail von der Webseite «Photo Pingalerie» Name: [your-name] E-Mail: <[your-email]> Webseite: [text-10] Kontaktgrund: [menu-20] Mitteilung: [your-message]

MAIL (2)

Wenn der Bereich «Mail2» aktiviert wurde, erhält der Verfasser der Mail eine Kopie. Hier wird festgelegt, welche Angaben der Absender erhält. Linke Seite: Angaben im Posteingang des Absenders An Mailadresse des Absenders Von Name und Mail des Absenders Betreff Betreffzeile Rechte Seite: Angaben in der E-Mail. Kopie der E-Mail von der Webseite «Test-Blog Photo Pingalerie» Name: [your-name] E-Mail: <[your-email]> Webseite: [text-10] Kontaktgrund: [menu-20] Ihre Mitteilung: [your-message]

MELDUNGEN

Im Bereich «Meldungen» kann man die Bestätigungsnachrichten und Fehlermeldungen bequem verwalten und anpassen.

• Erstellt über Seiten / Erstellen eine neue statische Seite für euer Kontaktformular.
  Schreibt einen Einleitungssatz für die Seite und speichert sie zunächst als Entwurf.
• Wechselt anschließend auf die Registerkarte Werkzeuge / Contact Form 7.
  Markiert dort aus der bereits von euch angelegte Vorlage für das Formular den Code und fügt ihn in eure Kontaktseite ein, die ihr danach veröffentlichen könnt.

• Anmerkung 1

  Wer das Plugin 123 No Rewrite Permalink im Einsatz hat, kann keine Formulardaten per POST an eine Permalinkseite senden, deshalb funktioniert in diesem Fall das Plugin «Contact Form 7» nicht.

  Hierfür gibt es folgende Lösung, wenn es sich nur um eine oder wenige Seiten mit Formularen handelt.

  Erstellt eine Kopie der Datei index.php aus dem WordPress-Wurzelverzeichnis und bearbeitet sie.

  Originale index.php

  <?php
  /**
   * Front to the WordPress application. This file doesn't do anything, but loads
   * wp-blog-header.php which does and tells WordPress to load the theme.
   *
   * @package WordPress
   */
  
  /**
   * Tells WordPress to load the WordPress theme and output it.
   *
   * @var bool
   */
  define('WP_USE_THEMES', true);
  
  /** Loads the WordPress Environment and Template */
  require('./wp-blog-header.php');
  ?>
  

   

  Bearbeitete index.php

  <?php
  /**
   * Front to the WordPress application. This file doesn't do anything, but loads
   * wp-blog-header.php which does and tells WordPress to load the theme.
   *
   * @package WordPress
   */
  
  /**
   * Tells WordPress to load the WordPress theme and output it.
   *
   * @var bool
   */
  define('WP_USE_THEMES', true);
  
  /** Loads the WordPress Environment and Template */
  require('../wp-blog-header.php');
  ?>
  

  Wenn ihr eure statische Seite mit dem Kontaktformular «Kontakt» genannt habt, erstellt per FTP im WP-Wurzelverzeichnis ein Unterverzeichnis /kontakt/ und kopiert dort die geänderte index.php hinein, danach funktioniert das Absenden der Mails von eurer Kontaktseite.

• Anmerkung 2

  Wird das Captcha nach der Aktivierung des Plugins nicht im Kontaktformular angezeigt, überprüft per FTP, ob folgende Verzeichnisse existieren und Schreibrechte bestehen:

  • /wp-content/uploads/wpcf7_captcha
  • /wp-content/uploads/wpcf7_uploads

Weitere interessante Artikel:

Elegantes Admin Panel unter WordPress mit WP Tiger Administration
Wer seine Administrationsoberfläche unter WordPress übersichtlicher gestalten möchte, dem kann eventuell mit der vollkommen überarbeiteten und aktuali …
WP Plugin “Similar Posts” zeigt ähnliche Artikel unter Beiträgen an
In vielen Blogs sieht man unter den Beiträgen eine Auflistung thematisch ähnlicher Artikel. Dies hat den Vorteil für einen Besucher, der kein regelmäß …
Mit dem WordPress Plugin «wordTube» Videos im Flash-Format einbinden
Nach langem Suchen habe ich endlich ein Plugin für WordPress gefunden, um auf einfachste Weise, Videos im Flash-Format in meinen Blog einzubinden. Mit …

© Photo Pingalerie, 2009. | Permalink | ARTIKEL TAGS: Contact Form 7, Tipp, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !

Suchend nach einer anderen Lightbox-Variante, habe ich die Shadowbox by Michael J. I. Jackson für mich entdeckt. Shadowbox ist eine Javascript-Bibliothek zur Betrachtung von Online-Medien aller Art. Die häufigste Verwendung der Shadowbox, ist die eindrucksvolle Anzeige [Lightbox-Effekt] von Bildern, aber es werden noch viele weitere  Medientypen unterstützt:

• Bilder (png, jpg, jpeg, gif, bmp)
• Video (avi, mpg, mpeg)
• Quicktime (dv, mov, moov, movie, mp4)
• Windows Media Player (asf, wm, wmv)
• Flash (swf, flv)
• IFrame (asp, aspx, cgi, cfm, htm, html, pdf, pl, php*, phtml, rb, rhtml, shtml, txt, vbs)

Meine Favoriten sind das Anzeigen von Bilder-Galerien, ausgehend von einem Einzelbild und die Möglichkeit externe Webseiten in der Shadowbox darstellen zu lassen, ohne dass der Besucher meine Seite verlassen muss.

Shadowbox arbeitet über Adapter mit diversen JavaScript Frameworks (YUI, Ext, Prototype, jQuery und MooTools) zusammen. Man hat die Wahl, welches Framework verwenden werden soll und kann später diese Wahl auch noch revidieren.

Selbstredend gibt es auch das passende WordPress-Plugin, welches ich übrigens auf diesen Seite einsetze, das uns alle Konfigurationseinstellungen abnimmt. Die möglichen Parameter sind sehr umfangreich und lassen eine gezielte Konfiguration des Plugin zu.

Eine Auswahl an Konfigurationsmöglichkeiten, die angepasst werden können:

• Adapterwahl
• Sprachauswahl
• Animationen sperren
• Animationreihenfolge – erst Breite dann Höhe oder erst Höhe dann Breite oder beides zugleich
• Farbeinstellungen
• Video automatisch abspielen ja/nein
• In einer Galerie Vorwärts- und Rückwärtsbutton ja/nein
• Anzeige der Anzahl von Bildern in einer Galerie ja/nein sowie Counter Typ und Counter Limit und noch mehr…

Zudem gibt es Skins und verschiedene Sprachpakete. Deutsch ist natürlich auch dabei.

Einzelbild Beispiel 1 von 3   B I L D L I N K – E I N Z E L B I L D Beispiel Code Bildlink: <a rel="shadowbox;title=Titel für Shadowbox" href="images/bild_gross.jpg" title="Titel für kleines Bild"><img src="images/bild_klein.jpg"></a>   Beispiel 2 von 3   T E X T L I N K – E I N Z E L B I L D Klicke diesen Link Beispiel Code Textlink: <a rel="shadowbox;title=Shadowbox - Einzelbild" href="images/bild_gross.jpg" title="Zeige Bild in der Shadowbox"> Text-Link</a>   Beispiel 3 von 3   B U T T O N – E I N Z E L B I L D Beispiel Code Buttonlink: <form action=""> <input type="submit" value="Beschriftung Button" onclick="Shadowbox.open({player:'img', title:'Titel des Bildes', content:'images/bild_gross.jpg'}); return false" /> </form>

Bildergallery Beispiel 1 von 2   V E R K L E I N E R T E   V O R S C H A U B I L D E R Beispiel Code mit Slideshow: <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 1" href="images/bild_gross_01.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_01_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 2" href="images/bild_gross_02.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_02_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Bild 3" href="images/bild_gross_03.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_03_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];title=Bild 4" href="images/bild_gross_04.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_04_klein.jpg" alt="GalleryBild"></a> Beispiel Code ohne Slideshow: <a rel="shadowbox[gruppe];title=Bild 1" href="images/bild_gross_01.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_01_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];title=Bild 2" href="images/bild_gross_02.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_02_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];title=Bild 3" href="images/bild_gross_03.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_03_klein.jpg" alt="GalleryBild"></a> <a rel="shadowbox[gruppe];title=Bild 4" href="images/bild_gross_04.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_04_klein.jpg" alt="GalleryBild"></a>   Beispiel 2 von 2   G A L L E R Y   -   A U S G E H E N D   V O M   E I N Z E L B I L D Beispiel Code mit Slideshow: <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 1" href="images/bild_gross_01.jpg" title="Ein Klick öffnet die Gallery"><img src="images/bild_01_klein.jpg" alt="GalleryBild"></a> <div style="display: none;"> <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 2" href="images/bild_gross_02.jpg"></a> <a rel="shadowbox[gruppe];options={slideshowDelay:5};title=Gallerybild 3" href="images/bild_gross_03.jpg"></a> <a rel="shadowbox[gruppe];title=Gallerybild 4" href="images/bild_gross_04.jpg"></a> </div>

MP3  und  FLV  Dateien Beispiel 1 von 2   M P 3   A L S   T E X T-  B U T T O N-  U N D   B I L D L I N K Klicken um den Song zu hören   Beispiel Code MP3-Textlink: <a rel="shadowbox;width=320;height=70;player=flv" title="Titel" href="http://meinewebseite/song.mp3&amp;showeq=true&amp">Song hören</a>   Beispiel 2 von 2   F L V   I N   D E R   S H A D O W B O X Beispiel Code FLV-Video: <a rel="shadowbox;width=508;height=283" title="Titel in Shadowbox" href="http://meinewebseite/video.flv"> <img src="http://meinewebseite/bild.jpg" alt="video" title="Zeige Video"/></a>

<a rel="shadowbox;width=500;height=200" title="" href="index.html#inline-beispiel">Zeige versteckten Inhalt</a>
<div id="inline-beispiel" style="display: none;">
    <ul>
        <li>Was ist Shadowbox?</li>
        <li>Die Shadowbox ist eine cross-browser, plattformübergreifende, sauber kodierte und vollständig dokumentierte Multimedia Applikation, komplett in JavaScript umgesetzt.</li>
        <li>Durch die Verwendung der Shadowbox können Webmaster eine breite Palette von Medien in allen gängingen Browsern anzeigen lassen, ohne den Besucher von der verlinkenden Seite fortschicken zu müssen.</li>
    </ul>
</div>

<a rel="shadowbox" title="Meine Seite" href="index.html">Interne Seite</a>

<a rel="shadowbox" title="Amazon.de" href="http://www.amazon.de/">Externe Seite</a>

Weitere interessante Artikel:

Greybox Plugin fuer WordPress
Es gibt für mich im Web immer wieder Neues zu entdecken, so zum Beispiel das JavaScript/CSS Skript Greybox, ein eindrucksvolles PopUp-Fenster der …
WordPress Plugin Shadowbox JS auf Version 3.0.0.0 aktualisiert
In diesem Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich geändert? …
Photos oder Bilder mit Lightbox anschaulicher darstellen – Anleitung
Sowohl mit dem Greybox – Plugin, als auch mit dem Java Script Lightbox, kann man auf  eine schöne Art, Bilder und Photos anschaulicher darstellen …

© Photo Pingalerie, 2009. | Permalink | ARTIKEL TAGS: Javascript, Photo, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !

Mit der Installation des Plugin wordTube von Alex Rabe, steht einem ein Media Center zur Verfügung, welches dass Hochladen und Verwalten von Videos und MP3s spielend leicht macht.

Videos im FLV-Format können nicht einfach per Quelltext in eine Webseite eingebunden werden. Man benötigt entweder einen Flashplayer für Webseiten oder bindet die Datei über Flash in eine .swf-Datei ein.

Das Plugin spielt mit Hilfe des Flash-Media-Player und des Flash-MP3-Players von Jeroen Wijering, Video-Dateien in den Formaten .flv und .swf sowie Musik-Dateien im Format .mp3 ab.
Zusätzlich können Bild-Dateien in den Formaten .jpg, .png und .gif und alle Medien in einer Playliste angezeigt werden.

• Plugin downloaden und entpacken.
• Den kompletten Ordner wordTube in den WordPress-Plugin-Ordner [/wp-content/plugins/] hochladen.
• Den Flash-Media-Player von Jeroen Wijering downloaden und entpacken.
  Die Datei mediaplayer.swf aus dem Ordner /flash_media_player/ in den Ordner [/wp-content/plugins/wordtube] hochladen.
• Für die Wiedergabe von MP3s wird noch der Flash-MP3-Player von Jeroen Wijering benötigt. Die Datei mp3player.swf aus dem Ordner /flash_media_player/ ebenfalls in den Ordner [/wp-content/plugins/wordtube] hochladen.

• Das PlugIn im WP-Adminbereich deines Blogs aktivieren.

• Nach der Aktivierung des PlugIns, stehen im WP-Adminbereich jetzt zwei neue Auswahlpunkte zu Verfügung.
• «Einstellungen» [wordTube] :
  Hier können [Allgemeine Einstellungen], [Flash Media Player Optionen] und [Playlisten Einstellungen] von wordTube konfiguriert werden.
• «Verwalten» [Media Center] :
  Im Media Center kann man neue Videos, MP3s und Bilder hochladen, neue Playlisten anlegen sowie alle Mediadaten managen. Alternativ kann ein Video auch per FTP hochgeladen werden. Die URL des Videos trägt man anschließend im Media Center unter [Neue Mediadatei hinzufügen] [Datei URL angeben] [Mediadatei URL] ein. Für ein Vorschau-Standbild des Videos, kann ein passendes Vorschaubild hochgeladen werden.

• Jede hochgeladene Media-Datei erhält von einem Script einen sogenannten Tag[MEDIA nicht gefunden], der für das Einbinden in die Webseite benötigt wird. Einfach die entsprechende ID, z.B.[MEDIA nicht gefunden]als Tag in seinem Artikel setzen oder über den Button [Video einfügen] im Editor die entsprechende Media-Datei wählen.
  
  Das Einbinden der Tags funktioniert problemlos im WYSIWYG Mode des Editors genauso wie im Text-Editor.
• Ebenso verfährt man mit dem Playlisten-Tag[PLAYLIST nicht gefunden].

B E I S P I E L   1: "Einbindung eines Videos: Promise – Ciara"

Weitere interessante Artikel:

Elegantes Admin Panel unter WordPress mit WP Tiger Administration
Wer seine Administrationsoberfläche unter WordPress übersichtlicher gestalten möchte, dem kann eventuell mit der vollkommen überarbeiteten und aktuali …
WP Plugin “Similar Posts” zeigt ähnliche Artikel unter Beiträgen an
In vielen Blogs sieht man unter den Beiträgen eine Auflistung thematisch ähnlicher Artikel. Dies hat den Vorteil für einen Besucher, der kein regelmäß …
WordPress Plugin Shadowbox JS auf Version 3.0.0.0 aktualisiert
In diesem Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich geändert? …

© Photo Pingalerie, 2007. | Permalink | ARTIKEL TAGS: Tipp, Videos, WordPress Plugin, wordTube

DANKE FÜR DAS ABONNIEREN MEINES FEED !

• Related Entries – Vorteil dieses Plugin ist, dass die ähnlichen Artikel automatisch gefunden werden (Datenbankabfrage)
• Related Posts Link – Individuelle Auswahl ähnlichen Artikel, nach dem Erstellen des Beitrages
• Similar Posts – Ähnlich wie das Plugin Related Entries, aber mit mehr Einstellungsmöglichkeiten, wie zum Beispiel das Ausschließen bestimmter Kategorien oder Seiten …

Nachdem ich einige Zeit problemlos das WP PlugIn Related Post Link nutzte, habe ich mich ehrlicherweise aus Bequemlichkeit für das WP PlugIn Similar Posts entschieden, welches automatisch die ähnlichen Artikel für mich findet – nicht immer sinnvoll, aber sehr oft.

Installation:

• Plugin (Version 1.14) downloaden und entpacken.
• Den Ordner Similar_Posts in den WordPress-Plugin-Ordner hochladen (/wp-content/plugins/).
• Im Adminbereich deines Blogs das Plugin aktivieren.
• Plugin – Einstellungen vornehmen: Optionen –> Similar Posts

Hier können jetzt individuelle Einstellungen vorgenommen werden, wie zum Beispiel:

• Wieviele Artikel sollen angezeigt werden?
• Soll der Inhalt des ähnlichen Artikel angezeigt werden - wenn ja, bestimme die max. Anzahl der Buchstaben.
• Nachrichtentext, wenn keine ähnlichen Artikel vorhanden sind?
• Welche Autoren sollen ausgeschlossen werden?
• Statische Seiten anzeigen – ja/nein.
• Welche Artikel sollen ausgeschlossen werden?

Der folgenden Code muss jetzt nur noch an die Stelle, wo die "Ähnlichen Artikel" erscheinen sollen, gesetzt werden. (Sidebar.php oder single.php)

<?php similar_posts(); ?>

Das Plugin zeigt in meinem Blog automatisch drei "Ähnliche Artikel" auf den Einzelseiten an, so dass meine Leser sofort Links zu weiteren Beiträgen, die sie evtl. auch interessieren könnten, zur Verfügung haben.

[ Danke ]

Weitere interessante Artikel:

Elegantes Admin Panel unter WordPress mit WP Tiger Administration
Wer seine Administrationsoberfläche unter WordPress übersichtlicher gestalten möchte, dem kann eventuell mit der vollkommen überarbeiteten und aktuali …
Mit dem WordPress Plugin «wordTube» Videos im Flash-Format einbinden
Nach langem Suchen habe ich endlich ein Plugin für WordPress gefunden, um auf einfachste Weise, Videos im Flash-Format in meinen Blog einzubinden. Mit …
Ein Kontaktformular für WordPress – Contact Form 7
WordPress bietet leider immer noch nicht standardmäßig ein Kontaktformular an, um den Autor seiner Seite zu kontaktieren. Dieser Mangel kann durch za …

© Photo Pingalerie, 2006. | Permalink | ARTIKEL TAGS: Tipp, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !

Die neue Version wirkt durch das gut sortiertes Layout sehr elegant und aufgeräumt.
Sie bietet gerade auf kleinen Bildschirmen erheblich mehr Platz als die Standard – Oberfläche von WordPress.

Die Installation ist denkbar einfach:

1. Plugin downloaden
2. Zip entpachen.
3. Den Ordner wp-admin-tiger in das WordPress-Plugin Verzeichnis hochladen (/wp-content/plugins/).
4. Im Adminbereich des Blogs das Plugin aktivieren.
5. FERTIG.

Nach der Aktivierung modifizert das Plugin die Administrator-Oberfläche von WordPress.

Aktuell gibt es jedoch noch eine Einschränkung:
Das Plugin wird bisher nur von den Browsern Safari und Mozilla Firefox unterstützt. Versucht man dennoch die Administrationsoberfläche (Dashboard/Tellerrand) mit einem Internet Explorer zu öffnen, wird die normale Administrationsoberfläche angezeigt.

Weitere interessante Artikel:

WP Plugin “Similar Posts” zeigt ähnliche Artikel unter Beiträgen an
In vielen Blogs sieht man unter den Beiträgen eine Auflistung thematisch ähnlicher Artikel. Dies hat den Vorteil für einen Besucher, der kein regelmäß …
Mit dem WordPress Plugin «wordTube» Videos im Flash-Format einbinden
Nach langem Suchen habe ich endlich ein Plugin für WordPress gefunden, um auf einfachste Weise, Videos im Flash-Format in meinen Blog einzubinden. Mit …
Ein Kontaktformular für WordPress – Contact Form 7
WordPress bietet leider immer noch nicht standardmäßig ein Kontaktformular an, um den Autor seiner Seite zu kontaktieren. Dieser Mangel kann durch za …

© Photo Pingalerie, 2006. | Permalink | ARTIKEL TAGS: Tipp, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !

Der User muss die Seite nicht verlassen, da sie abgeblendet wird und das PopUp – Fenster sich nicht irgendwo, sondern am oberen Browserrand öffnet und dort kleben bleibt.
Es können ganze Webseiten oder Bilder angezeigt werden. Der Schreiber dieser Greybox gibt zu, dass er von  Lightbox JS inspiriert wurde. Trotzdem wirkt das ganze nicht abgekupfert.

Die Greybox gibt es als reine JavaScript Variante, sowie als WordPress – Plugin.

• Download JavaScript Variante von Orangoo Labs – Greybox (Version 5.3)
• Download WordPress – Plugin von aNieto2K (Version 2.0)

Ich habe in meine Webseite die JavaScript Variante von Orangoo Labs integriert. Ihr könnt euch am Ende des Artikels einige Beispiele anschauen.

Installation

• JavaScript downloaden und entpacken.
• Nur den Ordner greybox auf Deinen Webspace hochladen, alle anderen Dateien und Ordner sind Quelldateien oder Dokumentationen.
• Anpassung der header.php (siehe folgende Anweisung)

Zwischen <header>...</header> foldende Zeilen hinzufügen,
wobei der Pfad absolut sein sollte.

<script type="text/javascript">
    var GB_ROOT_DIR = "http://deinewebseite.de/greybox/";
</script>

Jetzt müssen noch folgende Scripte und ein Stylesheet hinzugefügt werden.

<script type="text/javascript" src="http://deinewebseite.de/greybox/greybox/AJS.js"></script>
<script type="text/javascript" src="http://deinewebseite.de/greybox/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="http://deinewebseite.de/greybox/greybox/gb_scripts.js"></script>
<link href="http://deinewebseite.de/greybox/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

<a href="http://de.yahoo.com/" title="Yahoo in the box" rel="gb_page_center[800, 600]"><b>Yahoo in der Greybox 800 x 600</b></a>

<a href="http://google.com/" title="Google" rel="gb_page_fs[]">Google.com</a>

<script>
var page_set = [{'caption': 'Google', 'url': 'http://google.com/'},
    {'caption': 'WordPress Deutschland', 'url': 'http://wordpress-deutschland.org/'}];
</script>
<a href="#" onclick="return GB_showFullScreenSet(page_set, 1)">Zeige die erste Seite von zwei</a>

<a href="http://deinewebsite/bild_gross.jpg" title="Titel" rel="gb_image[]"><img src="http://deinewebsite/bild_klein.jpg" border="0"/></a>

<script>
var image_set = [{'caption': 'Titel 1', 'url': 'http://deinewebsite/bild_01_gross.jpg'},
{'caption': 'Titel 2', 'url': 'http://deinewebsite/bild_02_gross.jpg'},
{'caption': 'Titel 3', 'url': 'http://deinewebsite/bild_03_gross.jpg'},
{'caption': 'Titel 4', 'url': 'http://deinewebsite/bild_04_gross.jpg'}];
</script>
<a href="#" onclick="return GB_showImageSet(image_set, 1)"><img src="http://deinewebsite/bild_01_klein.jpg" border="0"/></a>

Greybox bietet folgende Funktionen:

GB_show (Untertitel, URL, Höhe, Breite, callback_fn)
Zeigt ein normales GreyBox Fenster.

• Untertitel: Der Untertitel des Fensters.
• URL: URL einer Web site, die du in GreyBox anzeigen möchtest.
• Höhe, Breite: Die Größe des Fensters.
• callback_fn: Eine Funktion, die benannt wird, um das GreyBox Fenster zu schließen.

GB_showFullScreen (Untertitel, URL, callback_fn)
GreyBox Fenster ‘fullscreen’.

• Untertitel: Der Untertitel des Fensters.
• URL: URL einer Web site, die du in GreyBox anzeigen möchtest
• callback_fn: Eine Funktion, die benannt wird, um das GreyBox Fenster zu schließen.

GB_showImage (Untertitel, URL)
Ein Bild in GreyBox zeigen.

• Untertitel: Der Untertitel des Fensters.
• URL: URL einer Web site, die du in GreyBox anzeigen möchtest.

Weitere interessante Artikel:

Mit Shadowbox.js lassen sich nahezu alle Dateien inline anzeigen
Bisher habe ich bei der Anzeige von Bilder auf das Lightbox2 Javascript by Lokesh Dhakar gesetzt. Lief auch großartig, bis ich für eine übersichtliche …
Photos oder Bilder mit Lightbox anschaulicher darstellen – Anleitung
Sowohl mit dem Greybox – Plugin, als auch mit dem Java Script Lightbox, kann man auf  eine schöne Art, Bilder und Photos anschaulicher darstellen …
WordPress Plugin Shadowbox JS auf Version 3.0.0.0 aktualisiert
In diesem Beitrag habe ich euch das WordPress Plugin Shadowbox JS vorgestellt, jetzt wurde es auf Version 3.0.0.0 aktualisiert. Was hat sich geändert? …

© Photo Pingalerie, 2006. | Permalink | ARTIKEL TAGS: Greybox, Javascript, WordPress Plugin

DANKE FÜR DAS ABONNIEREN MEINES FEED !