Bilder einfügen mit nur 1 Vorschaubild
Bilder einfügen mit nur 1 Vorschaubild
Hallo,
ich möchte mehrer Bilder einfügen, die mittels Lightbox sichtbar sind. Soweit kein Problem, nur was muss ich machen, damit nur 1 Vorschaubild angezeigt wird und die anderen Bilder in der Lightbox angezeigt werden.
Dann drück' ich mir mal die Daumen
ich möchte mehrer Bilder einfügen, die mittels Lightbox sichtbar sind. Soweit kein Problem, nur was muss ich machen, damit nur 1 Vorschaubild angezeigt wird und die anderen Bilder in der Lightbox angezeigt werden.
Dann drück' ich mir mal die Daumen
Re: Bilder einfügen mit nur 1 Vorschaubild
[EDIT] Ab Version 1.4.6 r402 mit allem Patches [/EDIT]
Hi,
bis auf das erste Bild kannst du alle anderen Bilder per CSS ausblenden.
Platziere in deinem Template zu dem CP in den umschließenden Container in ein style dieses hier:
Z.B. in deinem "Bilder <div>" Template:
In "Bilder spezial" sollte die einleitende <div> Zeile auch funktionieren:
Die Anzahl der Spalten im BE muss mindestens so groß sein wie die Anzahl der Bilder, da die Kennung {FIRST} = <!-- First Image --> immer an einem Spaltenanfang gesetzt wird.
Knut
Hi,
bis auf das erste Bild kannst du alle anderen Bilder per CSS ausblenden.
Platziere in deinem Template zu dem CP in den umschließenden Container in ein style dieses hier:
Code: Select all
[PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]
Code: Select all
<!--IMAGES_ENTRY_START//-->
<div id="img{IMGID}" class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:{SPACE}px {SPACE}px 0 0; [PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]">
{IMAGE}
[CAPTION]<p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION]
[CAPTION_ELSE]<p style="margin:3px 0 0 0;">{IMGNAME}</p>[/CAPTION_ELSE]
</div>
<!--IMAGES_ENTRY_END//-->
Code: Select all
<div id="img{IMGID}" class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:{SPACE}px {SPACE}px 0 0; [PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]">
Knut
Last edited by flip-flop on Tue 17. Aug 2010, 22:38, edited 2 times in total.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: Bilder einfügen mit nur 1 Vorschaubild
Danke für die schnelle Antwort, werd's gleich mal ausprobieren. Hab' schon die ganze Zeit überleigt wie ich "display:none" in die images.tmpl bekomme.
Re: Bilder einfügen mit nur 1 Vorschaubild
Das oben gezeigte Verfahren ist nur mit der neuesten Version r402 und allen Patches möglich!!! Siehe docu Download.
Sonst musst du das mit dieser Variante zusammenbauen: Ein Thumb - mehrere Großansichten
Oder die Datei "include/inc_front/content/cnt29.article.inc.php" (Bilder <div>), "include/inc_front/content/cnt31.article.inc.php" (Bilder spezial) patchen:
so ab Zeile 276 (Bilder <div>)
so ab Zeile 302 (Bilder spezial)
ersetzen mit
------
Die Datei "template/inc_default.tmpl" würde ich nicht verwenden.
Grundsätzlich sollten bei Artikel- und CP Templates immer eigene Templates erstellt werden in "template/inc_cntpart/*".
-> Updateproblem
Knut
Sonst musst du das mit dieser Variante zusammenbauen: Ein Thumb - mehrere Großansichten
Oder die Datei "include/inc_front/content/cnt29.article.inc.php" (Bilder <div>), "include/inc_front/content/cnt31.article.inc.php" (Bilder spezial) patchen:
so ab Zeile 276 (Bilder <div>)
so ab Zeile 302 (Bilder spezial)
Code: Select all
$img_a = render_cnt_template($img_a, 'ZOOM', ($img_zoom_name ? '<!-- Zoomed -->' : '') );
$img_a = render_cnt_template($img_a, 'COPYRIGHT', $caption[4] );
Code: Select all
$img_a = render_cnt_template($img_a, 'ZOOM', ($img_zoom_name ? '<!-- Zoomed -->' : '') );
$img_a = render_cnt_template($img_a, 'COPYRIGHT', $caption[4] );
$img_a = render_cnt_template($img_a, 'FIRST', ($col > 1 ? '' : '<!-- First Image -->') );
Die Datei "template/inc_default.tmpl" würde ich nicht verwenden.
Grundsätzlich sollten bei Artikel- und CP Templates immer eigene Templates erstellt werden in "template/inc_cntpart/*".
-> Updateproblem
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: Bilder einfügen mit nur 1 Vorschaubild
So, ich habe deine Lösungsvariante 2 angewendet und freu' ma .
Danke
Danke
Re: Bilder einfügen mit nur 1 Vorschaubild
Mir ist beim Überfliegen noch ein Fehler aufgefallen, es muss heißen:
<div id="img{IMGID}" class=".......
anstatt
<div id="img{IMGID} class="......
Knut
<div id="img{IMGID}" class=".......
anstatt
<div id="img{IMGID} class="......
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: Bilder einfügen mit nur 1 Vorschaubild
Hallo,
ich benutze V. 1.4.7 und bekomme, egal was ich versuche, immer wieder mehrere Vorschaubilder - meine Frage ist, sind event. die für v 1.4.6 nötigen patches in der 1.4.7 noch nicht enthalten oder hat es womöglich andere Ursachen?
Dank und Gruß
Purg
ich benutze V. 1.4.7 und bekomme, egal was ich versuche, immer wieder mehrere Vorschaubilder - meine Frage ist, sind event. die für v 1.4.6 nötigen patches in der 1.4.7 noch nicht enthalten oder hat es womöglich andere Ursachen?
Dank und Gruß
Purg
Re: Bilder einfügen mit nur 1 Vorschaubild
Danke,
ich hab´s - Anfängerfehler - Stand auf 0
ich hab´s - Anfängerfehler - Stand auf 0
Code: Select all
$phpwcms['allow_cntPHP_rt'] = 1; //allow PHP replacement tags and includes in content parts
- Oliver Georgi
- Site Admin
- Posts: 9906
- Joined: Fri 3. Oct 2003, 22:22
- Contact:
Re: Bilder einfügen mit nur 1 Vorschaubild
PHP ist überhaupt nicht nötig. Das ist doppelt gemoppelt.
besser sind aber Klassen:
Code: Select all
<div id="img{IMGID}" class="imageEntry" style="float:left;padding:5px;border:1px solid #CCCCCC;margin:{SPACE}px {SPACE}px 0 0;[FIRST_ELSE]display: none;[/FIRST_ELSE]">
Code: Select all
<div class="imageEntry[FIRST_ELSE] first[/FIRST_ELSE]">
…
<!-- CSS:
.imageEntry {
display: none;
position: relative;
float:left;
padding:5px;
border:1px solid #CCCCCC;
margin:{SPACE}px {SPACE}px 0 0;
}
.imageEntry.first {
display: block;
}
-->
Re: Bilder einfügen mit nur 1 Vorschaubild
Das mit dem doppelt moppen ist so eine Sache...
woher weiss ich bloss all die vielen logischen Abfrage-Möglichkeiten
Wenn die z.B. in den default-Templates drin stünden, ja dann wäre das einfach
woher weiss ich bloss all die vielen logischen Abfrage-Möglichkeiten
Wenn die z.B. in den default-Templates drin stünden, ja dann wäre das einfach
- Oliver Georgi
- Site Admin
- Posts: 9906
- Joined: Fri 3. Oct 2003, 22:22
- Contact:
Re: Bilder einfügen mit nur 1 Vorschaubild
stehen sie.pepe wrote:Wenn die z.B. in den default-Templates drin stünden, ja dann wäre das einfach
Re: Bilder einfügen mit nur 1 Vorschaubild
Trotzdem gilt nicht grundsätzlich: Wenn es ein [WERT] gibt, ist auch ein [WERT_ELSE] vorhanden!
Also gilt es bei den Updates, alle Temples auf Änderungen vergleichen und eigene Experimente machen, erst dann weiss man, was es Neues gibt. Sehr zeitaufwändig...
So sehr ich phpwcms liebe... aber das ist eine echte Schwachstelle und kontraproduktiv
Gut, dass ich phpwcms nur als Hobby "nutze"
Also gilt es bei den Updates, alle Temples auf Änderungen vergleichen und eigene Experimente machen, erst dann weiss man, was es Neues gibt. Sehr zeitaufwändig...
So sehr ich phpwcms liebe... aber das ist eine echte Schwachstelle und kontraproduktiv
Gut, dass ich phpwcms nur als Hobby "nutze"
Re: Bilder einfügen mit nur 1 Vorschaubild
Naja, die Templates kurz abgleichen ist nicht unbedingt die größte Sache. Wenn ein Diff erstellt wird fällt ja schon im Groben anhand der Dateien auf was sich geändert haben könnte. Außerdem stehen viele Änderungen in der Kurzbeschreibung von Oliver.
Zur Zeit des ursprünglichen Eintrags (r402) gab es noch kein [FIRST], das kam erst mit der r403, daher auch die PHP Krücke.PHP ist überhaupt nicht nötig. Das ist doppelt gemoppelt.
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
- Oliver Georgi
- Site Admin
- Posts: 9906
- Joined: Fri 3. Oct 2003, 22:22
- Contact:
Re: Bilder einfügen mit nur 1 Vorschaubild
In aller Regel extsitiert zu jedem Template-basierten Ersetzer in eckigen Klammern ein gegensätzlicher Check.
Es existiert aber kein {TAG_ELSE}-Wert.
Code: Select all
[TAG]{TAG}[/TAG][TAG_ELSE]whatever[/TAG_ELSE]
Re: Bilder einfügen mit nur 1 Vorschaubild
OK, ich gebe mich also der erdrückenden Argumentation geschlagen und bestätige: "In der Regel" ist es so,
aber leider nicht grundsätzlich!.
aber leider nicht grundsätzlich!.