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

Geschlossen
  1. #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: www.one-klick.com
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 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. #3
    User Pic
    Siggi Entwickler
    Registriert seit
    08.02.2007
    Beiträge
    6.498
    Beitragswertungen
    316 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?
    Fahrschulplaner.info digitialisiert Fahrstunden Ihrer Farhschule
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 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. #5
    User Pic
    Siggi Entwickler
    Registriert seit
    08.02.2007
    Beiträge
    6.498
    Beitragswertungen
    316 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?
    Fahrschulplaner.info digitialisiert Fahrstunden Ihrer Farhschule
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 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. #7
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    1.050
    Beitragswertungen
    159 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).
    Bitte Fragen zu Ilch im Forum stellen. Kein Support per PN.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 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. #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. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 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. #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. #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. #13
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 Beitragspunkte
    Bitte mal ein Link zur Seite posten.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  14. #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. #15
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.348
    Beitragswertungen
    1134 Beitragspunkte
    Du hast die style.css (Ausklammerung von img{}) nicht angepasst. lächeln
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  16. #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. #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. #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. #19
    User Pic
    FightClub Mitglied
    Registriert seit
    02.06.2013
    Beiträge
    182
    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.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten