<?php
$commentMapper
=
new
\Modules\Comment\Mappers\Comment(); ?>
<style>
@media (max-width: 990px) {
#gallery > [
class
*=
"col-"
] {
padding: 0px !important;
}
}
.panel-heading ~ .panel-image img.panel-image-preview {
border-radius: 0px;
}
.panel-body {
overflow: hidden;
}
.panel-image ~ .panel-footer a {
padding: 10px 10px;
font-size: 1.5em;
color: rgb(100, 100, 100);
}
.panel-footer{
padding: 5px !important;
color: #BBB;
}
.panel-footer:hover{
color: #000;
}
.thumbnail {
position:relative;
overflow:hidden;
margin-bottom: 0px !important;
}
</style>
<?php
$commentMapper
=
new
\Modules\Comment\Mappers\Comment(); ?>
<link href=
"<?=$this->getModuleUrl('static/venobox/venobox.min.css') ?>"
media=
"screen"
rel=
"stylesheet"
>
</head>
<body>
<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"
>
+++++ hier der Title code Anfang +++++++
<center><strong><?=
$this
->escape(
$image
->getImageTitle())?></strong><br></center>
+++++ hier der Title code Ende +++++++
<a
class
=
"venobox"
data-gall=
"gallery01"
href=
"<?=$this->getUrl().'/' .$image->getImageUrl() ?>"
title=
"<?=$image->getImageTitle() ?> "
>
<div
class
=
"panel-image thumbnail"
>
<img src=
"<?=$this->getUrl().'/'.$image->getImageThumb() ?>"
class
=
"panel-image-preview"
alt=
"<?=$image->getImageTitle()?>"
/>
</div>
<a href=
"<?=$this->getUrl(['action' => 'showimage', 'id' => $image->getId()]) ?>"
title=
"<?=$this->getTrans('description')?>"
>
<div
class
=
"panel-footer text-center"
>
<i
class
=
"fa fa-comment-o"
></i> <?=
$commentsCount
?>
<i
class
=
"fa fa-eye"
> <?=
$image
->getVisits() ?></i>
</div>
+++++ hier der Beschreibungs- code Anfang +++++++
<br>
<div
class
=
"galleryImageDetails"
><strong><center><?=
$this
->escape(
$image
->getImageDesc())?></strong></center></div>
<br>
+++++ hier der Beschreibungs- code Ende +++++++
<hr>
+++++ hier der Urheberrecht von google code Anfang +++++++
<div style=
"text-align: center; font-weight: bold;"
><small><span
class
=
""
>Bilder sind in der Regel</span></small><br><small><span
class
=
""
>urheberrechtlich geschützt.</span></small><br><small><span
class
=
""
> </span><a
class
=
""
href=
"https://support.google.com/legal/answer/3463239?hl=de"
aria-label=
"Weitere Informationen zum Urheberrecht"
target=
"_blank"
>Weitere Infos</a></small>
</div>
+++++ hier der Urheberrecht von google code Ende +++++++
<br>
</div>
</div>
<?php
endforeach
; ?>
</div>
<?=
$this
->get(
'pagination'
)->getHtml(
$this
, [
'action'
=>
'show'
,
'id'
=>
$this
->getRequest()->getParam(
'id'
)]) ?>
<script src=
"<?=$this->getModuleUrl('static/venobox/venobox.min.js') ?>"
></script>
<script>
new
VenoBox({
selector:
'.venobox'
,
numeration: true,
share: true,
navTouch: true,
spinner:
'pulse'
,
})
</script>