Page 1 of 1
Bilder einfügen mit nur 1 Vorschaubild
Posted: Tue 17. Aug 2010, 13:39
by eddifuh
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Tue 17. Aug 2010, 16:12
by flip-flop
[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:
Code: Select all
[PHP]if ('{FIRST}' == '') echo 'display: none;';[/PHP]
Z.B. in deinem "Bilder <div>" Template:
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//-->
In "Bilder spezial" sollte die einleitende <div> Zeile auch funktionieren:
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]">
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Tue 17. Aug 2010, 16:40
by eddifuh
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
Posted: Tue 17. Aug 2010, 16:49
by flip-flop
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)
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] );
ersetzen mit
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Tue 17. Aug 2010, 18:35
by eddifuh
So, ich habe deine Lösungsvariante 2 angewendet und freu' ma
.
Danke
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Wed 18. Aug 2010, 00:10
by flip-flop
Mir ist beim Überfliegen noch ein Fehler aufgefallen, es muss heißen:
<div id="img{IMGID}
" class=".......
anstatt
<div id="img{IMGID} class="......
Knut
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Wed 25. Jan 2012, 12:11
by purg
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Wed 25. Jan 2012, 12:55
by purg
Danke,
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Thu 26. Jan 2012, 08:32
by Oliver Georgi
PHP ist überhaupt nicht nötig. Das ist doppelt gemoppelt.
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]">
besser sind aber Klassen:
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
Posted: Thu 26. Jan 2012, 16:40
by pepe
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
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Thu 26. Jan 2012, 17:29
by Oliver Georgi
pepe wrote:Wenn die z.B. in den default-Templates drin stünden, ja dann wäre das einfach
stehen sie.
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Thu 26. Jan 2012, 20:07
by pepe
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"
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Thu 26. Jan 2012, 20:46
by flip-flop
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.
PHP ist überhaupt nicht nötig. Das ist doppelt gemoppelt.
Zur Zeit des ursprünglichen Eintrags (r402) gab es noch kein [FIRST], das kam erst mit der r403, daher auch die PHP Krücke.
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Thu 26. Jan 2012, 22:50
by Oliver Georgi
In aller Regel extsitiert zu jedem Template-basierten Ersetzer in eckigen Klammern ein gegensätzlicher Check.
Code: Select all
[TAG]{TAG}[/TAG][TAG_ELSE]whatever[/TAG_ELSE]
Es existiert aber kein
{TAG_ELSE}-Wert.
Re: Bilder einfügen mit nur 1 Vorschaubild
Posted: Fri 27. Jan 2012, 11:24
by pepe
OK, ich gebe mich also der erdrückenden Argumentation geschlagen und bestätige: "In der Regel" ist es so,
aber leider nicht grundsätzlich!.