187 lines
9 KiB
HTML
187 lines
9 KiB
HTML
<h1>Serendipity ImageSelectorPlus Plugin Beschreibung</h1>
|
|
|
|
<h2>Allgemeine Beschreibung</h2>
|
|
<p>
|
|
ImageSelectorPlus Plugin wird verwendet, um Änderungen mit Bildern zu erleichtern, insbesondere bei der Einbindung in Artikel.
|
|
</p>
|
|
|
|
<h2>QuickBlog</h2>
|
|
<p>
|
|
Beim Hochladen eines Bildes können Sie es direkt veröffentlichen. Befolgen Sie die Anweisungen über dem QuickBlog Eingabefeld.
|
|
</p>
|
|
|
|
<h3>Ändern des Aussehens des QuickBlog Eingabefeldes</h3>
|
|
<p>
|
|
Das Plugin verwendet eine Template-Datei "plugin_quickblog.tpl", um die eingefügten Bilder anzuzeigen. Indem Sie diese Datei bearbeiten, können Sie das Design der angezeigten Bilder ändern.
|
|
</p>
|
|
<p>
|
|
Informationen zu Bildern werden in einem Array {$quickblog} gehalten, welches aus mehreren Teilen besteht, die Sie in Ihrer Vorlage verwenden können:
|
|
<ul>
|
|
<li>fullimage - Pfad und Dateiname zum großen Bild</li>
|
|
<li>image - Pfad und Dateiname zum Vorschaubild (Thumbnail)</li>
|
|
<li>body - the body of the post</li>
|
|
<li>exif_mode - Art des Auslesens der Exif-Information ('interne', 'jhead', 'none')</li>
|
|
<li>exif - Bereich der Exif-Informationen, bitte verwenden die EXiF-Daten, um die Feldwerte zu sehen - nutzen sie die in der Form wie $quickblog.exif.COMMENT oder $quickblog.exif.Focal_length</li>
|
|
</ul>
|
|
</p>
|
|
|
|
|
|
<h2>Mehrfaches einbinden von Bildern</h2>
|
|
<p>
|
|
Another functionality of this plugin is multiple image insertion. If you write an xml structure in your entry, this plugin then replaces this xml structure by pictures from your media library.
|
|
</p>
|
|
|
|
<h3>When is it useful?</h3>
|
|
<p>
|
|
When you write a blog, where you want to include many pictures in your entries. When you have fifty images and these images numbered in an ascending row, it is lengthy to insert them one by one through the images selector. With this plugin, you can insert all of them using on a single line.
|
|
</p>
|
|
|
|
<h3>Examples</h3>
|
|
<h4>Example 1 - including parts of gallery</h4>
|
|
<code><pre>
|
|
<mediainsert>
|
|
<gallery name="MyHolidays/" />
|
|
<media type="single" name="pict0034" />
|
|
<media type="single" name="pict0032" />
|
|
<media type="range" prefix="pict00" start="35" stop="52" />
|
|
</mediainsert>
|
|
</pre></code>
|
|
<p>
|
|
This example inserts from the directory "MyHolidays" picture "pict0034", then picture "pict0032" and then all pictures from "pict0035" to "pict0052".
|
|
<ul>
|
|
Plugin features:
|
|
<li>It shows only picturse which are in the database. So if pictures 44,45,48 and 50 does not exist, the plugin will not fail. Simply it will not display the non-existing pictures.</li>
|
|
<li>It respects order of pictures, so 34 will be displayed before 32.</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<h4>Example 2 - including whole gallery at once</h4>
|
|
<code><pre>
|
|
<mediainsert>
|
|
<gallery name="MyHolidays/" />
|
|
<media type="gallery" />
|
|
</mediainsert>
|
|
</pre></code>
|
|
|
|
<h4>Beispiel 3 - Versteckt Vorschaubilder nach einer bestimmten Bildnummer</h4>
|
|
<code><pre>
|
|
<mediainsert>
|
|
<gallery name="MyHolidays/" />
|
|
<media type="gallery" />
|
|
<media type="hideafter" nr="2" />
|
|
</mediainsert>
|
|
</pre></code>
|
|
<p>
|
|
In diesem Beispiel werden alle Bilder aus dem Verzeichnis "MyHolidays" angezeigt, aber ab dem 3. Bild werden alle folgenden versteckt.
|
|
<ul>
|
|
Wozu sollte das nützlich sein?
|
|
<li>Wenn Sie ein Leuchtkasten (lightbox) Plugin benutzen, welches sich in alle Artikelbilder einbindet, könnten eine Menge an Vorschaubildern sichtbar werden.</li>
|
|
<li>Mit hideafter können Sie die Auflistung begrenzen. Der Leuchtkasten funktioniert dennoch mit allen Bildern - auch mit den nicht sichtbaren!</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<h4>Beispiel 4 - Erzeugt einen Zeilenumbruch nach einer bestimmten Bildnummer</h4>
|
|
<code><pre>
|
|
<mediainsert>
|
|
<gallery name="MyHolidays/" />
|
|
<media type="gallery" />
|
|
<media type="hideafter" nr="15" />
|
|
<media type="picperrow" pr="3" />
|
|
</mediainsert>
|
|
</pre></code>
|
|
<p>
|
|
In diesem Beispiel werden alle Bilder aus dem Verzeichnis "MyHolidays" angezeigt, ab dem 15. Bild werden alle folgenden versteckt.
|
|
Außerdem erfolgt eine Anordnung in 5 Reihen (15 / 3 = 5), es sind also 3 Bilder pro Reihe sichtbar in 5 Spalten.
|
|
</p>
|
|
|
|
<h3>Important</h3>
|
|
<p>The plugin is sensitive to bad xml syntax. So if it is not perfect, for example if you ommit ending backslash in the media tag, it can cause fail to your whole blog!!!</p>
|
|
|
|
<h3>Review of xml tags</h3>
|
|
<dl>
|
|
<dt><mediainsert></dt>
|
|
<dd>general container of media insertion</dd>
|
|
|
|
<dt><gallery></dt>
|
|
<dd>from which gallery to choose the images, attribute name gives the path (prom the directory uploads/ - without the first backslash and WITH the final backslash - "MyHolidays" or "/MyHolidays/" is false. Right is "MyHolidays/".)</dd>
|
|
|
|
<dt><media></dt>
|
|
<dd>Defines which media to insert, first attribute is "type" and it can have next values:
|
|
<ul>
|
|
<li>"single" - includes single image given by attribute "name"</li>
|
|
<li>"gallery" - without other attributes, includes all images in gallery</li>
|
|
<li>"range" - includes numbered images from "prefix""start" to "prefix""stop" (see example1)</li>
|
|
<li>"hideafter" - Versteckt Bilder nach einer bestimmten Anzahl an Bildern (Beispiel 3)</li>
|
|
<li>"picperrow" - Erzeugt nach einem Bild einen Umbruch, somit können Die Vorschaubilder in Zeilen aufgeteilt werden (Beispiel 4)</li>
|
|
</ul>
|
|
</dd>
|
|
</dl>
|
|
|
|
<h3>Modifying the design of inserted galleries</h3>
|
|
<p>
|
|
Plugin uses template file "plugin_mediainsert.tpl" to display the inserted pictures. So by modifying it, you can change the design of displayed images.</p>
|
|
<p>Information about pictures is stored in an array {$plugin_mediainsert_media} which has these parts you can use in your template:
|
|
<ul>
|
|
<li>name - name of picture (filename without extension)</li>
|
|
<li>extension - extension of filename</li>
|
|
<li>realname - filename, the same as {$name}.{$extension}</li>
|
|
<li>thumbnail_name - you can get the thumbnail name by {$name}.{$thumbnail_name}.{$extension}</li>
|
|
<li>path - the same value as you provide in gallery tag</li>
|
|
<li>comment1 - comment from database</li>
|
|
<li>width - width of original image</li>
|
|
<li>height - height of original image</li>
|
|
<li>thumbwidth - width of thumbnail</li>
|
|
<li>thumbheight - height of thumbnail</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<h2>Unzipping ZIP archives</h2>
|
|
<h3>What it is good for</h3>
|
|
<p>Typically when you want to upload many pictures at once. You need not to select every image discinctly. Just pack them in the ZIP archive, upload this archive and it will be unzipped on your blog.</p>
|
|
|
|
<h3>Features of unzipping</h3>
|
|
<p>
|
|
<ul>
|
|
<li>Files from archive are unzipped into the same directory, where the archive is uploaded.</li>
|
|
<li>Unzipped files (not necessarily images) will be inserted in the media database.</li>
|
|
<li>When selecting "Edit properties", unzipped images will be displayed.</li>
|
|
<li>Do not make zip files with subdirectories. I didn't tested it, but I am afraid it will not unzip the directories, it will put all files in the target directory.</li>
|
|
<li>Take into account the size of the archive. You have some limitations on maximal upload file size (typically 10MB).</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<h2>Auto Resizing of Images</h2>
|
|
|
|
<p>This feature will automatically search through your blog post for images in the form:</p>
|
|
|
|
<pre>
|
|
<img src="/uploads/myimage.jpg" width="100" height="150" />
|
|
</pre>
|
|
|
|
<p>When it finds an image tag in this form it will replace the value of 'src' attribute with the path
|
|
to the image resizing script, serendipity_admin_image_selector.php. The end result would be something
|
|
like this:</p>
|
|
|
|
<pre>
|
|
<img src="http://domain.com/serendipity_admin_image_selector.php?serendipity[image]=1&serendipity[disposition]=inline&serendipity[step]=showItem&serendipity[resizeWidth]=100&serendipity[resizeHeight]=150" width="100" height="150" />
|
|
</pre>
|
|
|
|
<p>This saves you time if you need to use images at multiple resolutions, and can also reduce
|
|
download times for users. The performance hit is minimal as the image resize is only done once,
|
|
as is the parsing of img tags.</p>
|
|
|
|
<h3>Notes</h3>
|
|
|
|
<ol>
|
|
<li>Image aspect ratios are maintained.</li>
|
|
<li>Only the width or height attribute needs to be specified. If neither is specified then the image tag is ignored</li>
|
|
<li>If both the width and height attributes are specified the image will be scaled to fit within this area while maintaining the aspect ratio</li>
|
|
</ol>
|
|
|
|
<h2>Authors</h2>
|
|
<p>Garvin Hicking, Germany <br />
|
|
Vladimir Ajgl (vlada [at] ajgl [dot] cz), Czech Republic, 2007-11-19 <br />
|
|
User "nogad", http://board.s9y.org/viewtopic.php?f=4&t=20058, 2014-08-22 <br />
|
|
Ian, 2014-09-04
|
|
</p>
|