Anleitung Tutorial Bildergalerie/Picture Gallery SWiSHkaufen.de

Transcrição

TEMPLATE – BILDERGALERIE - ANLEITUNG/ TUTORIAL
Version 1.2 – 03.03.2006
for english please read the blue words :-)
Copyright © 2006 Thomas Schermer Frozen Bytes Zinsgutstrasse 57 12489 Berlin
Version: 1.0
Datum: 03.03.06 - 22:48:21
eMail: [email protected]
Alle Rechte vorbehalten. Kein Teil dieses eBooks darf in irgendeiner Form (Druck,
Fotokopie, digitale Kopie oder einem anderen Verfahren) ohne schriftliche Genehmigung
von Thomas Schermer reproduziert oder unter Verwendung elektronischer Systeme
verarbeitet, vervielfältigt oder verbreitet werden.
All rights reserved. No part of this description may in any form (pressure, photocopy, digital copy or in
another procedure) without written permission eproduced, or using electronic systems to
be processed, multiplied or otherwise spread.
Anleitung Tutorial Bildergalerie/Picture Gallery SWiSHkaufen.de - http://SWiSHaufen.de
Seite 2/16 - 03.03.06 - http://frozen-bytes.com [WebDesign]
Wichtiger Hinweis:
Die in dieser Anleitung wiedergegebenen Verfahren und Programme werden ohne
Berücksichtigung der Patentlage beschrieben.
Alle Angaben und Verfahren in dieser Anleitung wurden vom Autor mit größtmöglicher Sorgfalt
erarbeitet, zusammengestellt und geprüft. Trotzdem sind Fehler nicht auszuschließen.
Der Autor sieht sich daher gezwungen, darauf hinzuweisen, dass weder eine Garantie noch eine
juristische Verantwortung oder irgendeine Haftung für die Folgen, die aufgrund fehlerhafte
Angaben eintreten, übernommen werden.
Über die Mitteilung von Fehlern ist der Autor jederzeit dankbar.
Die in dieser Anleitung verwendeten Soft- und Hardwarebezeichnungen und Markennamen der
jeweiligen Firmen unterliegen im Allgemeinen dem warenzeichen -, marken- oder
patentrechtlichen Schutz.
This description was provided with largest care. A warranty for the complete correctness of this
guidance cannot be given however. Also to us error
occurs. If errors should be noticeable to you, then we are grateful over a notification.
Autor
➢
➢
➢
➢
➢
➢
Thomas Schermer aka ::wildthinks::
Jahrgang 1967
verheiratet
1 Sohn Jahrgang 1998
betreibt seit ca. 5 Jahren den deutschsprachigen
Support und die größte deutschsprachige
SWiSHCommunity weltweit unter
http://SWiSHzone.de
Skills:
➢ SWiSHlite, SWiSH 2.0, SWiSH max, Flash
➢ Programmierung in diversen
Programmiersprachen (PHP, Delphi, Perl
etc.)
➢ Webdesign [http://Frozen-Bytes.com]
➢ Schulungen SWiSH
Inhaltsverzeichnis
1. Einleitung und wichtige Informationen / Important Things............................................................ 4
2. Features ...........................................................................................................................................5
3. Grundkonfiguration / Basic Configuration...................................................................................... 5
4. Erweiterte Konfiguration / Advanced Config..................................................................................7
4.1 Erweiterte Konfiguration.......................................................................................................... 7
4.2 Aufbau Vars.utf8 Konfigdatei / Config- file vars.utf8..............................................................8
4.3 Verzeichnisse / folder............................................................................................................. 12
5. Galerie ändern [nicht Standalone Version]................................................................................... 12
5.1 galerie.swi............................................................................................................................... 12
6. Aufbau Grafikgalerie / Structur ............................................................................................... 12
6.1 Aufbau Thumbsloader / Structur Thumbsloader.................................................................... 13
6.2 Aufbau großes Bild / Structur Bigimage.................................................................................13
7. Eingesetzte Software / Used Software..........................................................................................13
1. EINLEITUNG UND WICHTIGE INFORMATIONEN /
IMPORTANT THINGS
Die von uns produzierten Vorlagen sind leicht anzupassen. Wichtig ist dabei jedoch, dass Sie
unbedingt die Anleitung VORHER lesen.
•
Bitte sichern Sie das Template BEVOR Sie diese anpassen!
•
Bitte sichern Sie Ihre Downloads auf CD!
Für grundlegende Fragen zu den Techniken (LoadMovieNum, TellTarget etc.) lesen Sie
bitte entweder auf http://swishzone.de oder auf http://Swishhilfe.de nach.
•
Wir nehmen gern Hinweise und Anregungen zu den Templates auf. Bitte beteiligen Sie sich
auch an unseren Umfragen für die weitere Entwicklung unserer Templates unter
http://Umfragen.swishzone.net.
Weitere Informationen zu unseren Produkte und Updates etc. können Sie mit unserem
Newsletter unter http://Newsletter.Swishzone.net erhalten.
EINIGE FUNKTIONEN IN DIESEM TEMPLATE FUNKTIONIEREN NICHT IM
INTERNEN SWISHPLAYER.
Das liegt unter anderem daran, dass einige Funktionen (z.b. Prototypen) nicht vom internen
Player unterstützt werden.
Diese Fehlermeldungen beeinträchtigen nicht die Funktionsfähigkeit des Templates! Sie
können die Fehlermeldungen ignorieren.
Sie müssen zum Testen des Filmes mittels Strg+T immer den externen Player
aufrufen!
Please think about this:
You should read this!
You cant test all aspect with the internal player – it is better to test it in the external
player, because we use Flash 8 – features, there not work in the internal player!
Voraussetzungen
Sie benötigen eine Vollversion von SWiSHmax (vom 16.11.2005 oder neuer).[gilt nicht für
Standalone Version]
Die Nutzung des Templates mit einer Testversion ist nicht zulässig!
Mehr Informationen zu SWiSHmax finden Sie unter http://swish-max.de oder unter
http://Swishkaufen.de.
You need a full version from SwiSHmax to use this Template[dont this for standalone
version]. You can buy this here: http://www.swishkaufen.de/index.php?language=en
2. FEATURES
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
automatisches Anpassen der Bildergröße
automatisches Erzeugen von Vorschaubildern
Popup – generell an oder aus – selektiv für Bilder an oder aus
Drucken – generell an oder aus – selektiv für Bilder an oder aus
Dateigrößenanzeige
Dateinameanzeige
Bildnummer von Gesamtbilderanzahl
Benutzerdefiniertes Feld mit Links etc.
Automaticly scale the picture
automaticly create thumbs
Popup – global on/off – selective per picture on/off
print – global on/off – selective per picture on/off
show filesize
show picture dimension
show filename
show number of picture
custom field available with links and html
3. GRUNDKONFIGURATION / BASIC CONFIGURATION
Sie benötigen für die Popupfunktion ein Javascript. Dieses ist schon in der index.html enthalten.
Wenn Sie die Bildergalerie in eine andere Datei einfügen, so müssen Sie den Inhalt der Datei
javascript.js zwischen die <head></head> einfügen. Ansonsten wird das Feature Popup nicht
funktionieren!
You need for the popups javascript. The Javascript is included in the index.html. When you
use swf in another file you must put between <head></head> the content of javascript.js.
When you dont this – no popup will work!
Die Galerie erwartet im Verzeichnis images eine beliebige Anzahl Bilder, die
durchnummeriert sind: image<nr.>.jpg. Die JPG sind nichtprogressiv zu speichern.
1. Kopieren Sie Ihre Bilder in das Verzeichnis images
2. Benennen Sie alle Bilder zu image<nr>.jpg um. Ein Freewaretool um das
automatisch zu erledigen finden Sie hier:
http://it-falke.com/software/renamefiles/de_description.php
3. Öffnen Sie die Datei vars.utf8 mit notepad
4. Suchen Sie
### Anzahl der Bilder
### Count of Images
&img_count=5&
Ändern Sie die 5 auf Ihre Bilderanzahl. Speichern Sie die Datei wieder ab.
5. Laden Sie die index.html, grafikgalerie.swf, vars.utf8, den ordner images und
img_galerie auf Ihren Webspace oder starten Sie lokal die index.html – die
Grafikgalerie funktioniert.
Popups funktionieren nicht lokal!
The images must be placed in folder images and named image<nr>.jpg.
1. Copy the images to folder /images
2. Rename all images image<nr>.jpg. Here can you find a
http://it-falke.com/software/renamefiles/us_description.php
3. Edit vars.utf8 with notepad
4. Search this
### Count of Images
&img_count=5&
Change 5 to your image count. Save vars.utf8.
5. Transfer index.html, grafikgalerie.swf, vars.utf8, den ordner images and img_galerie
to your webspace or open index.html in your browser. Galery works :)
PLEASE DONT FORGET : POPUP DONT WORK LOCALY!
4. ERWEITERTE KONFIGURATION / ADVANCED CONFIG
4.1 Erweiterte Konfiguration
Fast alle Parameter der Galerie werden über die Konfigurationsdatei vars.utf8 gesteuert. In der
Basisdatei sind die grundlegenden Parameter enthalten. Um die erweiterten Features zu nutzen
benennen Sie bitte die vars_adavanced.utf8 in vars.utf8 um und editieren Sie diese. Die Parameter
werden im folgenden erklärt. Bitte benutzen Sie zum editieren immer notepad und speichern die
Datei als Unicode ab, damit die Umlaute und Sonderzeichen funktionieren. Mit yes schalten Sie die
Funktion an und mit no aus.
You can configure the most parameter for the picture gallery in the config vars.utf8. The vars.utf8
include only basics. Please rename the vars_advanced.utf8 to vars.utf8 and edit with notepad. We
explain in the next lines the parameters. With yes switch parameter on, no switch off.
1. Hintergrundbild – wird dynamisch geladen - „img_galerie/background_main.png“
Main Background – load from folder - „img_galerie/background_main.png“
2. Galerie Bild - wird dynamisch geladen - „img_galerie/titel.png“
Picture Galery – load from folder - „img_galerie/titel.png“
3. Hintergrundbild – wird dynamisch geladen „img_galerie/ background_thumbs.png“
Thumbs background-load from folder - „img_galerie/background_thumbs.png“
4. Drucker – kann per Konfigdatei generell oder selektiv ein- und ausgeschaltet werden
Printer – global on/off per config – selective on/off per config
5. Popup – kann per Konfigdatei generell oder selektiv ein- und ausgeschaltet werden
Popup – global on/off per config – selective on/off per config
6. Beschreibung – wird aus Konfigdatei für jedes Bild geladen
Description – defined per config for picture you want
7. Benutzerdefiniertes Feld - wird aus Konfigdatei für jedes Bild geladen
Customerfield – defined per config for picture you want
8. Beschreibung - wird in Konfigdatei festgelegt
Description can defined for different language
9. Bildernummern können in der Configdatei ein /ausgeschaltet werden
picture numbers can be switched on/off per config
10. Titel kann in Config eingestellt werden
Title – can be defined by config
We have predefined a english speaking set – please rename en_vars.utf8 and
en_vars_advanced.utf8 to vars.utf8 and vars_advanced.utf8.
4.2 Aufbau Vars.utf8 Konfigdatei / Config- file vars.utf8
Sind Parameter nicht vorhanden, so werden Sie genauso behandelt, als wenn sie ausgeschaltet sind.
If a parameter not configured is the same switch off.
### Count of Images
&img_count=5&
Muß eingestellt werden, damit die Galerie funktioniert.
Must configured for correct working.
### Titel der Galerie
### Title
&maintitle=Demogalerie SWiSHkaufen.de&
### Bilder hochskalieren, wenn kleiner als Bilderrahmen?
### scale the pictures up when smaller as picture frame?
&autoscale=no&
Diese Funktion sorgt dafür, dass kleinere Bilder auf die Größe des Bilderrahmens hochskaliert
werden. Wir raten davon ab, da es unter Umständen zu überraschenden Anzeigen kommt.
This scale up the picture to the max widht. We recomended switch off.
### Maße des großen Bildes
### Dimension from big picture
&bigimg_height=300&
&bigimg_width=360&
Wie groß darf das große Bild werden?
Define the dimension from the bigimage
### Vorschaubilder Maße
### Thumbs Dimension
&thumbs_height=55&
&thumbs_width=75&
Größe der Vorschaubilder. Da der Hintergrund der Vorschaubilder eine feste Größe hat ist dieser
Parameter für optische Korrekturen.
Dimension for the thumbs. The background thumbs is fix, this is for optical change.
### Bildnummern unter Vorschaubildern anzeigen
### show picture number under the thumbs
&show_nr_thumbs=no&
### Einfassung für Nummern
### pre and after chars for ImageNumbers
&imgNum_pre=Bild Nr. - &
&imgNum_after= -&
### Text for Dimension
&str_dimensions_descr=Dimension:&
### Text for Filename
&str_filename_descr=Filename:&
### Text for Size
&str_filesize_descr=Größe:&
### Drucken an?
### Printer on?
&globalprint=yes&
Wenn dieser Parameter aus ist, kann man überhaupt nicht drucken. Ist der Parameter an, so kann
pro Bild festgelegt werden, ob es gedruckt werden kann.
If this on, then you can generaly print the images, but you can switch off the printer per picture.
### Tooltipp für Drucker
### Tooltipp for Printer
&printertooltip=Klicken um das aktuelle Bild zu drucken&
### Popup an?
### Popup available?
&globalpopup=yes&
Wenn dieser Parameter aus ist, kann man die Bilder nicht per Popup öffnen. Ist der Parameter an,
so kann pro Bild festgelegt werden, ob es per Popup gezeigt werden kann.
POPUPS funktionieren nicht lokal!
If this on, then you can generaly popup the images, but you can switch off the popup per picture.
Popups dont work localy!
### Tooltipp für Popup
### Tooltipp for Popup
&popuptooltip=Öffnet das Bild in Originalgröße&
Bilderdefinitionen
Die folgenden Parameter müssen immer per Bild festgelegt werden. Nicht festgelegte Parameter
werden als nicht angeschaltet gesetzt. Es müssen nicht alle Bilder und auch nicht in der
Reihenfolge definiert werden. Ist diese Sektion leer, dann sind keine Zusatzinformationen in der
Galerie sichtbar.
The follow parameter describe the handling for every defined picture. You dont must describe all
picture, you can describe the picture what you want.
### Beschreibung der Bilder
### Description from Images
Bild 1 / Picture 1
Beschreibung für Bild 1 – Description
for picture 1
&image1=Flugzeughalle &
Benutzerdefiniertes Feld von Bild 1 /Customfield for Image1
&custom1=Link: <a href="http://www.swishkaufen.de">SWiSHkaufen.de</a>
 Neben Links können auch mehrere
Zeilen Text hier stehen. Aber das
ist nicht alles!&
Bild2 / Picture 2
&image2=Umlaute äöä&
&custom2=Autor: Thomas Datum: 27.02.2006
Dieses Bild kann nicht gedruckt werden.&
Printparameter – dieses Bild soll nicht
druckbar sein / Printparameter – dont print
this picture
&print2=no&
Das Druckersymbol wird nicht angezeigt. The printer symbol is hidden.
Bild3 / Picture 3
&image3=Bild 3&
&print3=no&
&popup3=no&
&custom3=Drucken und Popup ausgeschaltet&
Das Drucker- und Popupsymbol wird nicht angezeigt. The printer and popup symbol is hidden.
### Ende Variable nicht ändern
### intern value -> do not change this!
&eof=1&
4.3 Verzeichnisse / folder
Images – Bilderverzeichnis / picture folder
img_galerie – Bilderverzeichnis für Hintergrundbilder und Titel / picture folder for
backgrounds and title
SWF – alle exportierten Dateien. Sie müssen nach der Bearbeitung immer die SWI erneut
exportieren und auf Ihren Server laden, damit die Änderungen wirksam werden.
5. GALERIE ÄNDERN [NICHT STANDALONE VERSION]
5.1 galerie.swi
Was immer Sie ändern, machen Sie eine Sicherungskopie! Arbeiten Sie nie mit dem
Original!
Dont forget this: MAKE A BACKUP – dont work with original!!!
5.2 Aufbau Grafikgalerie / Structur
Hier sehen Sie den Zusammenhang in welchem Sprite welcher Text steckt. Klicken Sie
einfach den Text an und ändern Sie diesen.
This picture shows you, where you can find the logo and company name. Please click on
text and change this.
5.3 Aufbau Thumbsloader / Structur Thumbsloader
5.4 Aufbau großes Bild / Structur Bigimage
6.
EINGESETZTE SOFTWARE / USED SOFTWARE
•
SWiSHmax Version 16.11.2005
•
Dreamweaver 8
•
Fireworks 8
•
VIM 6.3 (Texteditor)
Viel Spaß mit Ihrem neuen Template. Falls Sie Fragen haben oder Hilfe brauchen kontaktieren Sie
uns. Wir passen Ihnen auch Ihre Templates an.
Have fun with your new template. Do you need help or customizing, please contact us.
Www.swishkaufen.de

Anleitung Tutorial Bildergalerie/Picture Gallery SWiSHkaufen.de

Transcrição

Documentos relacionados

Neue Zürcher Zeitung Atmosphärischer Klassizismus

MR2 (W3) roadster PZ439-W0410-00

Seite 1 von 1 Bildausgabe 13.04.2015 http://epaper3.neue

Experten beraten bei E

Seite 1 von 1 Bildausgabe 09.06.2009 http://epaper2.neue

http://www.pspsource.de/news.php?item.257 Seite 1/1 Offizielle

Vom Bilderrätsel bis zum Trickfilm... – die digitale Fotokamera

Mary Evans Picture Library 2013 - Louise-Schroeder

KUNST IM UNTERRICHT

KIMMERICH