ilch Forum » Ilch CMS 2.X » Allgemein » Lightbox für ilch2.x?

Geschlossen
  1. So. 20.05.2018 01:51 Uhr #1
    User Pic
    Sven Oliver Mitglied
    Registriert seit
    17.05.2018
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen

    ich hatte bei der ilch 1.1 P Version mir die lightbox Funktion eingebunden.

    Das hatte ich noch selber hinbekommen.

    Nur jetzt bin ich damit voll überfordert.

    Wäre schön wenn die lightbox Funktion eventuell für ilch 2.0 zur Verfügung stehen würde.

    Finde das so eine Modifikation mit lightbox wie bei dem Verein (waldverein-leopoldsreut.de), was Lord Schirmer super umgesetzt hatte, ilch 2.0 noch interessanter macht und Moderner.

    Sollte vielleicht als extra Modul angeboten werden, wenn dies geht.

    So können sich die Nutzer aussuchen welche Galerie Art sie nutzen wollen.
    Also mit lightbox und ohne View-Statistik und Kommentarfunktion oder die Standard Version.


    verwendete ilch Version: 2.x

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. So. 20.05.2018 10:46 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Ich hätte es mal so umgesetzt, dass beides möglich ist.
    Sowohl die Lightbox als auch die Möglichkeit des kommentierens.

    ilch2test.rene-schirmer.de/index.php/gallery/index/index

    Klick auf Bild ->> Lightbox
    Klick auf Footer ->> Kommentieren

    Wenn ok ... poste ich die Umsetzung.
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  3. So. 20.05.2018 11:38 Uhr #3
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Sollte man das Bild auf der Detail Seite evtl auch in der Lightbox dann öffnen oder wurde das bewusst so gelassen?

    ilch2test.rene-schirmer.de/index.php/gallery/index/showimage/id/4
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  4. So. 20.05.2018 12:11 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Hatte ich bewusst weggelassen ... die Einbindung wäre aber kein Problem wenn gewünscht.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. So. 20.05.2018 12:15 Uhr #5
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    vllt sogar variable im Backend ob lightbox nutzen oder nicht?

    Gegebenenfalls in den allgemeinen Einstellungen einfügen damit man bei jedem Modul abfragen kann ob das System lightbox für die Öffnung von Bilder nutzen möchte oder nicht.
    Wie poste ich falsch?
    0 Mitglieder finden den Beitrag gut.
  6. So. 20.05.2018 12:19 Uhr #6
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Achso ich wollte es nur als Workaround für Interessenten anbieten. Soll es ins Standard Ilch 2.X eingebunden werden.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  7. So. 20.05.2018 12:24 Uhr #7
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.401
    Beitragswertungen
    389 Beitragspunkte
    Workarounds vertragen sich leider nicht mit der Update-Funktion oder der Workaround muss als eigenständiges Modul umgesetzt werden (als Variante vom Galerie-Modul).
    0 Mitglieder finden den Beitrag gut.
  8. So. 20.05.2018 12:35 Uhr #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Mit meiner Anpassung wäre application/modules nicht betroffen gewesen.
    Ich müsste dann nur wissen ob es Standard werden soll.

    Grundlage wäre: lokeshdhakar.com/projects/lightbox2/
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  9. So. 20.05.2018 20:58 Uhr #9
    User Pic
    Sven Oliver Mitglied
    Registriert seit
    17.05.2018
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    @Lord|Schirmer
    so ist es echt super,
    finde die Idee von Siggi aber auch noch gut wenn das Bild auf der Detail Seite evtl auch in der Lightbox geöffnet werden wird. So würde eine Linie bleiben.

    Und mal auf diesem Wege ein ganz FETTES danke an alle für ihr großes Engagement und ihre Hilfsbereitschaft.
    0 Mitglieder finden den Beitrag gut.
  10. Mo. 21.05.2018 11:57 Uhr #10
    User Pic
    Lord|Schirmer Administrator Dieser Beitrag wurde als Lösung markiert
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    So hier mal das Workaround für das Einbinden einer Lightbox in die Galerie.

    Basis/Grundlage: lokeshdhakar.com/projects/lightbox2/
    Beispiel/Testseite: ilch2test.rene-schirmer.de/index.php/gallery/index/index

    • Als Erstes binden wir das Lightbox-Script ein. Dazu ladet ihr die Dateien der Lightbox von der oben genannten Seite.
    • Danach erstellt ihr im Template-Ordner application/layouts/clan3columns/ den Ordner lightbox
    • Nun zieht ihr die Ordner css, images, js aus dem dist-Ordner des Downloads in den erstellten lightbox-Ordner
    • Jetzt binden wir das Script in die application/layouts/clan3columns/index.php ein. Dazu öffnen wir die Datei und setzen zwischen <head></head> am Besten am Ende folgenden Eintrag: 
      <!-- lightbox -->
<link href="<?=$this->getLayoutUrl('lightbox/css/lightbox.min.css') ?>" rel="stylesheet">
<script src="<?=$this->getLayoutUrl('lightbox/js/lightbox.min.js') ?>"></script>
<!-- /lighbox -->
    • Somit ist die Lightbox eingebunden. Theoretisch können die nicht benötigten Dateien aus den Ordnern lightbox/css & lightbox/js entfernt werden.


    • Jetzt werden die neuen/geänderten views für die Galerie angelegt.
    • Dazu legt ihr folgende Ordnerstruktur an: application/layouts/clan3columns/views/modules/gallery/index/
    • Nun werden folgende beide Dateien in diesem Ordner eingefügt: 
      <?php $commentMapper = new \Modules\Comment\Mappers\Comment(); ?>

<style>
@media (max-width: 990px){
    #gallery > [class*="col-"]{
        padding: 0px !important;
    }
}
#gallery a:hover, #gallery a:focus{
	text-decoration:none;
}
.panel-body{
    overflow:hidden;
}
.thumbnail{
    position:relative;
    overflow:hidden;
    margin-bottom:0px !important;
}
.panel-image{
	border-radius:3px 3px 0 0;
	border:none;
}
.panel-image-preview{
    border-radius:0px;
	border:none;
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	cursor:zoom-in;
    -webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
    transition:all 0.5s;
} 
.panel-image-preview:hover{
    -webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
    transform:scale(1.1);
	-webkit-filter:opacity(75%);
	-moz-filter:opacity(75%);
    filter:opacity(75%);
}
.panel-footer{
	font-size:14px;
    padding:5px !important;
    color:#bbb;
}
.panel-footer:hover{
    color:#000;
	background:#ddd;
	cursor:-webkit-cell;
	cursor:-moz-cell;
	cursor:cell;
}
</style>

<div id="gallery">
    <?php foreach ($this->get('image') as $image): ?>
		<?php $commentsCount = $commentMapper->getCountComments('gallery/index/showimage/id/'.$image->getId()); ?>
        <div class="col-xs-6 col-md-4 col-lg-3 col-sm-4">
            <div class="panel panel-default">
                <a href="<?=$this->getUrl().'/'.$image->getImageUrl() ?>" title="<?=$image->getImageTitle() ?>" data-lightbox="gallery">
                    <div class="panel-image thumbnail">
                        <img src="<?=$this->getUrl().'/'.$image->getImageThumb() ?>" class="panel-image-preview" alt="<?=$image->getImageTitle() ?>" />
                    </div>
                </a>
                <a href="<?=$this->getUrl(['action' => 'showimage', 'id' => $image->getId()]) ?>" title="<?=$this->getTrans('imageDesc') ?>">
                    <div class="panel-footer text-center">
                        <i class="fa fa-comment-o"> <?=$commentsCount ?></i>
                        <i class="fa fa-eye"> <?=$image->getVisits() ?></i>
                    </div>
                </a>
            </div>
        </div>
    <?php endforeach; ?>
</div>

<?=$this->get('pagination')->getHtml($this, ['action' => 'show', 'id' => $this->getRequest()->getParam('id')]) ?>

<script>
    lightbox.option({
		'albumLabel' : "<?=$this->getTrans('image') ?> %1 / %2",
		'alwaysShowNavOnTouchDevices' : true,
    })
</script>

      <?php
$userMapper = $this->get('userMapper');
$commentMapper = $this->get('commentMapper');
$image = $this->get('image');
$comments = $this->get('comments');
$commentsCount = $commentMapper->getCountComments('gallery/index/showimage/id/'.$this->getRequest()->getParam('id'));
$nowDate = new \Ilch\Date();
$config = $this->get('config');
?>

<?php function rec($id, $commentId, $uid, $req, $obj)
{
    $commentMappers = $obj->get('commentMapper');
    $userMapper = $obj->get('userMapper');
    $fk_comments = $commentMappers->getCommentsByFKId($commentId);
    $user_rep = $userMapper->getUserById($uid);
    $config = $obj->get('config');
    $nowDate = new \Ilch\Date();

    foreach ($fk_comments as $fk_comment) {
        $commentDate = new \Ilch\Date($fk_comment->getDateCreated());
        $user = $userMapper->getUserById($fk_comment->getUserId());
        $voted = explode(',', $fk_comment->getVoted());
        if ($req >= $config->get('comment_nesting')) {
            $req = $config->get('comment_nesting');
        }
        ?>

        <article id="comment_<?=$fk_comment->getId() ?>">
            <div>
                <div class="media-block">
                    <a class="media-left col-md-offset-<?=$req ?> col-sm-offset-<?=$req ?> hidden-xs" href="<?=$obj->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $user->getId()]) ?>" title="<?=$obj->escape($user->getName()) ?>">
                        <img class="img-circle comment-img" alt="<?=$obj->escape($user->getName()) ?>" src="<?=$obj->getUrl().'/'.$user->getAvatar() ?>">
                    </a>
                    <div class="media-body">
                        <div class="clearfix">
                            <div class="pull-left">
                                <a href="<?=$obj->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $user->getId()]) ?>" title="<?=$obj->escape($user->getName()) ?>">
                                    <?=$obj->escape($user->getName()) ?>
                                </a>
                                <p class="text-muted small">
                                    <i class="fa fa-clock-o" title="<?=$obj->getTrans('commentDateTime') ?>"></i> <?=$commentDate->format("d.m.Y - H:i", true) ?>
                                </p>
                            </div>
                            <div class="pull-right text-muted small">
                                <i class="fa fa-reply fa-flip-vertical"></i> <?=$user_rep->getName() ?>
                            </div>
                        </div>
                        <p><?=nl2br($fk_comment->getText()) ?></p>
                        <div>
                            <?php if ($obj->getUser() AND in_array($obj->getUser()->getId(), $voted) == false): ?>
                                <div class="btn-group">
                                    <a class="btn btn-sm btn-default btn-hover-success" href="<?=$obj->getUrl(['id' => $id, 'commentId' => $fk_comment->getId(), 'key' => 'up']) ?>" title="<?=$obj->getTrans('iLike') ?>">
                                        <i class="fa fa-thumbs-up"></i> <?=$obj->escape($fk_comment->getUp()) ?>
                                    </a>
                                    <a class="btn btn-sm btn-default btn-hover-danger" href="<?=$obj->getUrl(['id' => $id, 'commentId' => $fk_comment->getId(), 'key' => 'down']) ?>" title="<?=$obj->getTrans('notLike') ?>">
                                        <i class="fa fa-thumbs-down"></i> <?=$obj->escape($fk_comment->getDown()) ?>
                                    </a>
                                </div>
                            <?php else: ?>
                                <div class="btn-group">
                                    <button class="btn btn-sm btn-default btn-success">
                                        <i class="fa fa-thumbs-up"></i> <?=$obj->escape($fk_comment->getUp()) ?>
                                    </button>
                                    <button class="btn btn-sm btn-default btn-danger">
                                        <i class="fa fa-thumbs-down"></i> <?=$obj->escape($fk_comment->getDown()) ?>
                                    </button>
                                </div>
                            <?php endif; ?>
                            <?php if ($obj->getUser() AND $config->get('comment_reply') == 1 AND $req < $config->get('comment_nesting')-1): ?>
                                <a href="javascript:slideReply('reply_<?=$fk_comment->getId() ?>');" class="btn btn-sm btn-default btn-hover-primary">
                                    <i class="fa fa-reply"></i> <?=$obj->getTrans('reply') ?>
                                </a>
                            <?php endif; ?>
                        </div>
                        <hr>
                    </div>
                    <?php $req = $req + 1; ?>

                    <?php if ($obj->getUser()): ?>
                        <div class="replyHidden" id="reply_<?=$fk_comment->getId() ?>">
                            <form class="form-horizontal" method="POST">
                                <?=$obj->getTokenField(); ?>
                                <div>
                                    <div class="media-block">
                                        <a class="media-left col-md-offset-<?=$req ?> col-sm-offset-<?=$req ?> hidden-xs" href="<?=$obj->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $obj->getUser()->getId()]) ?>" title="<?=$obj->escape($obj->getUser()->getName()) ?>">
                                            <img class="img-circle comment-img" alt="<?=$obj->escape($obj->getUser()->getName()) ?>" src="<?=$obj->getUrl().'/'.$obj->getUser()->getAvatar() ?>">
                                        </a>
                                        <div class="media-body">
                                            <div class="clearfix">
                                                <div class="pull-left">
                                                    <a href="<?=$obj->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $obj->getUser()->getId()]) ?>" title="<?=$obj->escape($obj->getUser()->getName()) ?>">
                                                        <?=$obj->escape($obj->getUser()->getName()) ?>
                                                    </a>
                                                    <p class="text-muted small">
                                                        <i class="fa fa-clock-o" title="<?=$obj->getTrans('commentDateTime') ?>"></i> <?=$nowDate->format("d.m.Y - H:i", true) ?>
                                                    </p>
                                                </div>
                                                <div class="pull-right text-muted small">
                                                    <i class="fa fa-reply fa-flip-vertical"></i> <?=$user->getName() ?>
                                                </div>
                                            </div>
                                            <p>
                                                <textarea class="form-control"
                                                          style="resize: vertical"
                                                          name="comment_text"
                                                          required></textarea>
                                                <input type="hidden" name="fkId" value="<?=$fk_comment->getId() ?>" />
                                            </p>
                                            <div>
                                                <div class="content_savebox">
                                                    <button type="submit" class="btn btn-default btn-sm" name="saveComment" value="save">
                                                        <?=$obj->getTrans('submit') ?>
                                                    </button>
                                                </div>
                                            </div>
                                            <hr />
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </article>

        <?php
        $req = $req-1;
        $fkk_comments = $commentMappers->getCommentsByFKId($fk_comment->getId());
        if (count($fkk_comments) > 0) {
            $req++;
        }
        $i = 1;

        foreach ($fkk_comments as $fkk_comment) {
            if ($i == 1) {
                rec($id, $fk_comment->getId(), $fk_comment->getUserId(), $req, $obj);
                $i++;
            }
        }

        if (count($fkk_comments) > 0) {
            $req--;
        }
    }
}
?>

<link href="<?=$this->getModuleUrl('../comment/static/css/comment.css') ?>" rel="stylesheet">

<div id="gallery">
    <div class="row">
        <div class="col-md-6">
            <a href="<?=$this->getUrl().'/'.$image->getImageUrl() ?>" title="<?=$image->getImageTitle() ?>" data-lightbox="gallery">
                <img class="thumbnail" src="<?=$this->getUrl().'/'.$image->getImageUrl() ?>" alt="<?=$image->getImageTitle() ?>"/>
            </a>
        </div>
        <div class="col-md-6">
            <h3><?=$this->escape($image->getImageTitle()) ?></h3>
            <p><?=$this->escape($image->getImageDesc()) ?></p>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header" id="comment"><?=$this->getTrans('comments') ?> (<?=$commentsCount ?>)</h1>
        <?php if ($this->getUser()): ?>
            <div class="reply">
                <form class="form-horizontal" method="POST">
                    <?=$this->getTokenField() ?>
                    <section class="comment-list">
                        <div class="panel">
                            <div class="panel-body">
                                <div class="media-block">
                                    <a class="media-left hidden-xs" href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $this->getUser()->getId()]) ?>" title="<?=$this->escape($this->getUser()->getName()) ?>">
                                        <img class="img-circle comment-img" alt="<?=$this->escape($this->getUser()->getName()) ?>" src="<?=$this->getUrl().'/'.$this->getUser()->getAvatar() ?>">
                                    </a>
                                    <div class="media-body">
                                        <div>
                                            <a href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $this->getUser()->getId()]) ?>" title="<?=$this->escape($this->getUser()->getName()) ?>">
                                                <?=$this->escape($this->getUser()->getName()) ?>
                                            </a>
                                            <p class="text-muted small">
                                                <i class="fa fa-clock-o" title="<?=$this->getTrans('commentDateTime') ?>"></i> <?=$nowDate->format("d.m.Y - H:i", true) ?>
                                            </p>
                                        </div>
                                        <p>
                                            <textarea class="form-control"
                                                      style="resize: vertical"
                                                      name="comment_text"
                                                      required></textarea>
                                        </p>
                                        <div>
                                            <div class="content_savebox">
                                                <button type="submit" class="btn btn-default btn-sm" name="saveComment" value="save">
                                                    <?=$this->getTrans('submit') ?>
                                                </button>
                                            </div>
                                        </div>
                                        <hr />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </form>
            </div>
        <?php endif; ?>
        <?php foreach ($comments as $comment): ?>
            <?php $user = $userMapper->getUserById($comment->getUserId()); ?>
            <?php $commentDate = new \Ilch\Date($comment->getDateCreated()); ?>
            <?php $voted = explode(',', $comment->getVoted()); ?>
            <section class="comment-list">
                <article id="comment_<?=$comment->getId() ?>">
                    <div class="panel">
                        <div class="panel-body">
                            <div class="media-block">
                                <a class="media-left hidden-xs" href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $user->getId()]) ?>" title="<?=$this->escape($user->getName()) ?>">
                                    <img class="img-circle comment-img" alt="<?=$this->escape($user->getName()) ?>" src="<?=$this->getUrl().'/'.$user->getAvatar() ?>">
                                </a>
                                <div class="media-body">
                                    <div>
                                        <a href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $user->getId()]) ?>" title="<?=$this->escape($user->getName()) ?>">
                                            <?=$this->escape($user->getName()) ?>
                                        </a>
                                        <p class="text-muted small">
                                            <i class="fa fa-clock-o" title="<?=$this->getTrans('commentDateTime') ?>"></i> <?=$commentDate->format("d.m.Y - H:i", true) ?>
                                        </p>
                                    </div>
                                    <p><?=nl2br($this->escape($comment->getText())) ?></p>
                                    <div>
                                        <?php if ($this->getUser() AND in_array($this->getUser()->getId(), $voted) == false): ?>
                                            <div class="btn-group">
                                                <a class="btn btn-sm btn-default btn-hover-success" href="<?=$this->getUrl(['id' => $this->getRequest()->getParam('id'), 'commentId' => $comment->getId(), 'key' => 'up']) ?>" title="<?=$this->getTrans('iLike') ?>">
                                                    <i class="fa fa-thumbs-up"></i> <?=$this->escape($comment->getUp()) ?>
                                                </a>
                                                <a class="btn btn-sm btn-default btn-hover-danger" href="<?=$this->getUrl(['id' => $this->getRequest()->getParam('id'), 'commentId' => $comment->getId(), 'key' => 'down']) ?>" title="<?=$this->getTrans('notLike') ?>">
                                                    <i class="fa fa-thumbs-down"></i> <?=$this->escape($comment->getDown()) ?>
                                                </a>
                                            </div>
                                        <?php else: ?>
                                            <div class="btn-group">
                                                <button class="btn btn-sm btn-default btn-success">
                                                    <i class="fa fa-thumbs-up"></i> <?=$this->escape($comment->getUp()) ?>
                                                </button>
                                                <button class="btn btn-sm btn-default btn-danger">
                                                    <i class="fa fa-thumbs-down"></i> <?=$this->escape($comment->getDown()) ?>
                                                </button>
                                            </div>
                                        <?php endif; ?>
                                        <?php if ($this->getUser() AND $config->get('comment_reply') == 1 AND $config->get('comment_nesting') > 0): ?>
                                            <a href="javascript:slideReply('reply_<?=$comment->getId() ?>');" class="btn btn-sm btn-default btn-hover-primary">
                                                <i class="fa fa-reply"></i> <?=$this->getTrans('reply') ?>
                                            </a>
                                        <?php endif; ?>
                                    </div>
                                    <hr />

                                    <?php if ($this->getUser()): ?>
                                        <div class="replyHidden" id="reply_<?=$comment->getId() ?>">
                                            <form class="form-horizontal" method="POST">
                                                <?=$this->getTokenField() ?>
                                                <div>
                                                    <div class="media-block">
                                                        <a class="media-left hidden-xs" href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $this->getUser()->getId()]) ?>" title="<?=$this->escape($this->getUser()->getName()) ?>">
                                                            <img class="img-circle comment-img" alt="<?=$this->escape($this->getUser()->getName()) ?>" src="<?=$this->getUrl().'/'.$this->getUser()->getAvatar() ?>">
                                                        </a>
                                                        <div class="media-body">
                                                            <div class="clearfix">
                                                                <div class="pull-left">
                                                                    <a href="<?=$this->getUrl(['module' => 'user', 'controller' => 'profil', 'action' => 'index', 'user' => $this->getUser()->getId()]) ?>" title="<?=$this->escape($this->getUser()->getName()) ?>">
                                                                        <?=$this->escape($this->getUser()->getName()) ?>
                                                                    </a>
                                                                    <p class="text-muted small">
                                                                        <i class="fa fa-clock-o" title="<?=$this->getTrans('commentDateTime') ?>"></i> <?=$nowDate->format("d.m.Y - H:i", true) ?>
                                                                    </p>
                                                                </div>
                                                                <div class="pull-right text-muted small">
                                                                    <i class="fa fa-reply fa-flip-vertical"></i> <?=$this->escape($user->getName()) ?>
                                                                </div>
                                                            </div>
                                                            <p>
                                                                <textarea class="form-control"
                                                                          style="resize: vertical"
                                                                          name="comment_text"
                                                                          required></textarea>
                                                                <input type="hidden" name="fkId" value="<?=$comment->getId() ?>" />
                                                            </p>
                                                            <div>
                                                                <div class="content_savebox">
                                                                    <button type="submit" class="btn btn-default btn-sm" name="saveComment" value="save">
                                                                        <?=$this->getTrans('submit') ?>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                            <hr />
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    <?php endif; ?>
                                    <?php rec($this->getRequest()->getParam('id'), $comment->getId(), $comment->getUserId(), 0, $this); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </section>
        <?php endforeach; ?>
    </div>
</div>

<script>
function slideReply(thechosenone) {
    $('.replyHidden').each(function(index) {
        if ($(this).attr("id") == thechosenone) {
            $(this).slideToggle(400);
        } else {
            $(this).slideUp(200);
        }
    });
}
</script>
    • Zum Schluss muss noch ein Eintrag in der application/layouts/clan3columns/style.css welcher die Funktion der Lightbox beeinflusst auskommentiert werden. 
      /* wegen Lightbox ausgeklammert 
img {
    height: auto !important;
    max-width: 100% !important;
}
*/
    • Damit ist das Script in die Galerie eingebunden und sollte wie im oben verlinkten Beispiel funktionieren.


    Für alle "Bastelfaule" hier der Downloadlink des Workarounds zunge
    ilch2test.rene-schirmer.de/index.php/downloads/index/showfile/id/2

    Viel Spass damit!
    rules :: doku :: faq :: linkus
    3 Mitglieder finden den Beitrag gut.
  11. Mo. 21.05.2018 14:37 Uhr #11
    User Pic
    Sven Oliver Mitglied
    Registriert seit
    17.05.2018
    Beiträge
    5
    Beitragswertungen
    0 Beitragspunkte
    VIELEN LIEBEN DANK YesYesYes

    Hat super geklappt. Wünsche allen noch einen schönen Pfingstmontag.
    0 Mitglieder finden den Beitrag gut.
  12. Sa. 26.05.2018 04:05 Uhr #12
    User Pic
    xMrSiriusx Mitglied
    Registriert seit
    15.05.2018
    Beiträge
    6
    Beitragswertungen
    1 Beitragspunkte
    Vielen Dank @Lord|Schirmer,

    hab gebastelt und es funktioniert soweit. Danke für dieses tolle Gimmick. Es ist ja schon spät und vielleicht hab ich etwas übersehen, aber wo kann man eine feste Größe für die Wiedergabe der Bilder im CSS eingeben? Werden ein wenig größer als Briefmarkenformat wiedergegeben. Hab gehört es gibt keine doofen Fragen^^ Versuche weitestgehend mich selbst reinzutüddeln, aber manchmal ist der Ofen aus... Glaube ich gehe mal schlafen
    0 Mitglieder finden den Beitrag gut.
  13. Sa. 26.05.2018 07:42 Uhr #13
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Bitte mal ein Link zur Seite posten.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  14. Sa. 26.05.2018 11:24 Uhr #14
    User Pic
    xMrSiriusx Mitglied
    Registriert seit
    15.05.2018
    Beiträge
    6
    Beitragswertungen
    1 Beitragspunkte
    Guten Morgen, man merkt ich war nicht mehr so ganz da. Betroffene Seite ist: www.rip-multigaming.de


    Zuletzt modifiziert von xMrSiriusx am 26.05.2018 - 11:25:10
    0 Mitglieder finden den Beitrag gut.
  15. Sa. 26.05.2018 11:46 Uhr #15
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Du hast die style.css (Ausklammerung von img{}) nicht angepasst. lächeln
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  16. Sa. 26.05.2018 12:30 Uhr #16
    User Pic
    xMrSiriusx Mitglied
    Registriert seit
    15.05.2018
    Beiträge
    6
    Beitragswertungen
    1 Beitragspunkte
    Du meinst in clan3columns/style.css? Das ist auskommentiert. Mir ist grad eingefallen das ich noch ne geänderte css verlinkt habe, da habe ich es jetzt auch nachgeholt, aber trotzdem will er nicht^^ Ich begebe mich mal auf die Fehlersuche, in Brackets ist es geändert und die geänderte Datei ist hochgeladen. Er übernimmt es nur irgendwie nicht. Danke für die Hilfe^^


    Zuletzt modifiziert von xMrSiriusx am 26.05.2018 - 13:17:48
    0 Mitglieder finden den Beitrag gut.
  17. Sa. 26.05.2018 14:59 Uhr #17
    User Pic
    xMrSiriusx Mitglied
    Registriert seit
    15.05.2018
    Beiträge
    6
    Beitragswertungen
    1 Beitragspunkte
    Okay, hab den Fehler gefunden, Zauberwort Cache^^ Funktioniert 1a, 1000 Dank nochmal zwinker
    0 Mitglieder finden den Beitrag gut.
  18. Mi. 28.11.2018 11:45 Uhr #18
    User Pic
    Boeing737 Mitglied
    Registriert seit
    06.11.2018
    Beiträge
    14
    Beitragswertungen
    1 Beitragspunkte
    Hallo,

    gibt es auch eine Lösung wo ich alle Bilder (in Artikel, Seiten, usw) mit Lightbox versorgen kann?

    Betroffene Seite als Beispiel: sfd-clan.de/index.php/hots.html


    Zuletzt modifiziert von Boeing737 am 28.11.2018 - 11:45:38
    0 Mitglieder finden den Beitrag gut.
  19. So. 09.12.2018 08:48 Uhr #19
    User Pic
    FightClub Mitglied
    Registriert seit
    02.06.2013
    Beiträge
    196
    Beitragswertungen
    1 Beitragspunkte
    Morgen, lächeln

    Ich wollte mal nachfragen ob man die Lightbox auch in den Artikeln Modul einbauen kann
    Wenn man auf ein Bild klickt das dann die Lightbox quasi das Bild vergrößert

    MFG Heavy Metal


    Zuletzt modifiziert von FightClub am 09.12.2018 - 08:50:57
    0 Mitglieder finden den Beitrag gut.
  20. Fr. 17.04.2020 22:21 Uhr #20
    User Pic
    IceT33 Mitglied
    Registriert seit
    22.10.2005
    Beiträge
    607
    Beitragswertungen
    9 Beitragspunkte
    Seit dem Update von ilch auf 2.1.33 und dem Aktivieren des WOT Layouts geht in der Galery die Lightbox nicht mehr.
    Ich habe die dateien index.php im wot ordner geändert wie hier beschrieben aber es will nicht gehen.
    in dem Standart layout von uns geht die Lightbox komischer weise
    externer Link
    0 Mitglieder finden den Beitrag gut.
  21. Sa. 18.04.2020 10:48 Uhr #21
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    Hallo

    Wurde die Lightbox unter modules/gallery/views geändert? Oder hast du die views im Ordner ilch-clan eingebunden und geändert?

    Wenn die Lightbox Bestandteil des WOT Layouts sein sollte, könnte ich es einbauen... ein Update des Layout wäre dan von nöten.

    Daher, sollte ein Update für ein Layout vorliegen, erstellt bitte ein Backup damit zb eure Arbeiten die am Layout vorgenommen worden sind.. gesichert werden.

    Slipi


    Zuletzt modifiziert von Slipi am 18.04.2020 - 10:57:55
    slipi.at/
    0 Mitglieder finden den Beitrag gut.
  22. Sa. 18.04.2020 22:05 Uhr #22
    User Pic
    IceT33 Mitglied
    Registriert seit
    22.10.2005
    Beiträge
    607
    Beitragswertungen
    9 Beitragspunkte
    Ist das update schon online ? würde mich sehr freuen über eine Erfolgreiche implementierung von der Lightbox
    externer Link
    0 Mitglieder finden den Beitrag gut.
  23. Sa. 18.04.2020 23:31 Uhr #23
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    Werde morgen beginnen es zu bearbeiten. Nach Beendigung wird das Update zu Verfügung stehen.
    slipi.at/
    0 Mitglieder finden den Beitrag gut.
  24. So. 19.04.2020 09:45 Uhr #24
    User Pic
    Slipi Hall Of Fame
    Registriert seit
    19.01.2018
    Beiträge
    954
    Beitragswertungen
    120 Beitragspunkte
    Hallo

    Das "World of Tanks-Layout" wurde bearbeitet. Das Update wird laufe des Tages verfügbar sein.

    !!Wichtig, ein Backup von euren Arbeiten im World of Tanks Layout erstellen, da das Update alles überschreibt!!

    Slipi
    slipi.at/
    1 Mitglieder finden den Beitrag gut.
  25. So. 19.04.2020 21:59 Uhr #25
    User Pic
    IceT33 Mitglied
    Registriert seit
    22.10.2005
    Beiträge
    607
    Beitragswertungen
    9 Beitragspunkte
    Danke für die gute und schnelle Arbeit
    externer Link
    1 Mitglieder finden den Beitrag gut.
  26. Mi. 20.05.2020 19:04 Uhr #26
    User Pic
    Dr_Chaos Mitglied
    Registriert seit
    20.05.2020
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    Hey, ich habe das ganz eversucht im esportlayout umzusetzen, allerdings habe ich keine Funktion.

    Im standart design funktioniert das ganze.


    betroffene seite: www.purfuerst.rocks



    Lg

    Dennis


    Zuletzt modifiziert von Dr_Chaos am 20.05.2020 - 19:05:32
    0 Mitglieder finden den Beitrag gut.
  27. Mi. 20.05.2020 19:39 Uhr #27
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Link zur Lightbox Bibliothek ist falsch ... wird nicht gefunden.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  28. Mi. 20.05.2020 20:18 Uhr #28
    User Pic
    Dr_Chaos Mitglied
    Registriert seit
    20.05.2020
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer
    Link zur Lightbox Bibliothek ist falsch ... wird nicht gefunden.

    Sorry war gerade was am testen deswegen war der link nicht da...

    purfuerst.rocks/index.php/gallery/index/index
    0 Mitglieder finden den Beitrag gut.
  29. Mi. 20.05.2020 20:45 Uhr #29
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    purfuerst.rocks/application/layouts/esportlayout/lightbox/js/lightbox.min.js

    Gibt es nicht, dadurch -> ReferenceError: lightbox is not defined
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  30. Mi. 20.05.2020 20:54 Uhr #30
    User Pic
    Dr_Chaos Mitglied
    Registriert seit
    20.05.2020
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    Hey danke, wieso auch immer sie nicht da war.

    der ganze Ordner hat gefehlt.

    Danke erstmal

    Lg

    Dennis
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten