NAVIGATION
Differences
This shows you the differences between two versions of the page.
|
english:phpwcms-system:article:contentparts:images-special:lof-slidernews:nav-list-1-2-3 [2011/05/17 16:07] Knut Heermann (flip-flop) |
english:phpwcms-system:article:contentparts:images-special:lof-slidernews:nav-list-1-2-3 [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 4: | Line 4: | ||
| - | **direction:** right - left. The navigation is a list of numbers //(1 2 3 4 5 ...)//. \\ | + | **Direction:** right - left. The navigation is a list of numbers //(1 2 3 4 5 ...)//. \\ |
| Line 26: | Line 26: | ||
| \\ | \\ | ||
| - | FIXME Translate | ||
| - | ====== Beschreibung: ====== | + | ====== Description: ====== |
| - | * In diesem Beispiel wird für die großen Bilder das Seitenverhältnis 4:3 verwendet. Die Breite sieht 450px vor. | + | * This example is used for large images the aspect ratio of 4:3. The width provides 450px. |
| - | * Die Navigation wird aus fortlaufenden Zahlen beginnend bei 1 generiert. | + | * The navigation is generated from consecutive numbers starting at 1. |
| - | Diese Parameter werden im Template | + | These parameters are set in the template |
| - | * großes Bild: | + | * large image: |
| * INI: width = 450, height = 350 | * INI: width = 450, height = 350 | ||
| * JS: mainWidth :450 | * JS: mainWidth :450 | ||
| - | und in der CSS-Datei eingestellt. | + | and the CSS file. |
| - | Das große Bild wird im CP in das Feld "Vorschau" eingetragen, da dieser Eintrag zwingend ist damit ein Bild generiert wir. | + | In the CP the large image must be entered into the "thumbnail" field, otherwise no picture was generated. |
| ** InfoBox:** | ** InfoBox:** | ||
| - | * Im CP kann durch die Effektschalter bestimmt werden, ob Opazität //(Effekt 1)// oder der Infotext bewegt eingeblendet wird //(Effekt 2 nur bei Opazität möglich)//. | + | * In the CP will be determined by the switch "effect 1", if opacity is active. The text message is "displayed animated" when the switch "effect 2" is set (only possible for opacity). |
| - | * Im Infotext kann auch zu jedem Bild eine URL eingebunden werden. | + | * In the info text URL can be merged to each picture. |
| - | * Mit dem Schalter "Vorschaubilder ohne Bildunterzeile" wird die Ausgabe der InfoBox abgeschaltet. | + | * With the switch "hide caption for thumbnails" the output of the InfoBox is set to off. |
| - | Wie in der oben gezeigten Backendgrafik zu sehen werden fast alle Einstellmöglichkeiten im CP in das Template verlagert um mögliche Fehler bei der EIngabe im CP zu vermeiden. | + | As shown in the backend graphic above, almost all the setting in the CP are moved to the template. So possible input errors in the CP can be avoided. |
| \\ | \\ | ||
| Line 55: | Line 54: | ||
| **File:** template/inc_cntpart/imagespecial/Lof-JSliderNews-1-2-3.tmpl | **File:** template/inc_cntpart/imagespecial/Lof-JSliderNews-1-2-3.tmpl | ||
| - | * **Für den IE9:** <file> isPreloaded : false, // for IE9 sorry</file> | + | * **For IE9:** <file> isPreloaded : false, // for IE9 sorry</file> |
| - | * **Navi Hintergrundfarbe:** <file> | + | * **Navi background color:** <file> |
| <!-- CSS: | <!-- CSS: | ||
| /* Set Navi background color for active and hover */ | /* Set Navi background color for active and hover */ | ||
| Line 217: | Line 216: | ||
| \\ | \\ | ||
| - | ===== CSS und JavaScript: ===== | + | ===== CSS and JavaScript: ===== |
| - | Siehe [[deutsch/phpwcms-system/artikel/contentparts/bilder-spezial/lof-slidernews]] | + | See [[english/phpwcms-system/article/contentparts/images-special/lof-slidernews]] |
| \\ | \\ | ||
