03.05.2017, 13:57
hallo,
ich selber bin recht froh darüber, dass ich selber nun modale Bilder und auch Anhänge habe. Dazu braucht man nur folgendes zu tun:
1. zu der css des jeweiligen Themas hinzufügen:
Die 400px sind nur ein Beispiel, beliebig veränderbar.
2. - Fancybox herunterladen in den Root von mybb und umbenennen in "fancybox".
3. im Template "headerinclude" nach {$stylesheets} hinzufügen:
Dieser Code belegt, dass alle Bilder mit der Fancybox geöffnet werden.
4. Template bearbeiten postbit_attachments_thumbnails_thumbnail
suche:
ersetze mit:
Der Dank für diesen Beitrag und das Copyright geht an lukasamd. Dieser Beitrag ist auch hier oder hier zu finden.
ich selber bin recht froh darüber, dass ich selber nun modale Bilder und auch Anhänge habe. Dazu braucht man nur folgendes zu tun:
1. zu der css des jeweiligen Themas hinzufügen:
PHP-Code:
.scaleimages img {
max-width: 400px;
max-height: 400px;
}
Die 400px sind nur ein Beispiel, beliebig veränderbar.
2. - Fancybox herunterladen in den Root von mybb und umbenennen in "fancybox".
3. im Template "headerinclude" nach {$stylesheets} hinzufügen:
PHP-Code:
<link rel="stylesheet" href="{$mybb->asset_url}/fancybox/dist/jquery.fancybox.min.css" type="text/css" media="screen" />
<script type="text/javascript" src="{$mybb->asset_url}/fancybox/dist/jquery.fancybox.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.post_body img').each(function() {
var currentImage = $(this);
if (currentImage.hasClass('smilie') == false && currentImage.parent().is('a') == false) {
currentImage.wrap("<a target='_blank' data-fancybox data-type='image' href='" + currentImage.attr("src") + "'</a>");
}
});
});
</script>
Dieser Code belegt, dass alle Bilder mit der Fancybox geöffnet werden.
4. Template bearbeiten postbit_attachments_thumbnails_thumbnail
suche:
Code:
<a href="attachment.php?aid={$attachment['aid']}"ersetze mit:
Code:
<a href="attachment.php?aid={$attachment['aid']}" data-fancybox="data-{$post['pid']}" data-type="image"Der Dank für diesen Beitrag und das Copyright geht an lukasamd. Dieser Beitrag ist auch hier oder hier zu finden.