friendica/friendica-addons
1
0
Fork 0
mirror of https://git.friendi.ca/friendica/friendica-addons.git synced 2025-10-07 23:43:01 +00:00
Code Issues Releases Wiki Activity

AddOn Fancybox

Browse source 
This addon loads all media attachments of a post into a "fancybox" instead of linking directly to the media.
Each post gets its own attachment library, when there are more than one media attached you can scroll through them.
This commit is contained in:
Grischa Brockhaus 2022-11-24 23:48:08 +01:00
parent 30329df0dd
commit ae28f6ef01
15 changed files with 6761 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
fancybox/test/fancybox-3.5.7.zip Normal file
View file

Binary file not shown.

21
fancybox/test/imagetest.html Normal file
View file

@ -0,0 +1,21 @@
<html>
<head>
<!-- https://github.com/friendica/friendica/tree/stable/doc -->
<!-- https://github.com/friendica/friendica/blob/stable/doc/Addons.md -->
<!-- https://stackoverflow.com/questions/44409223/show-image-in-a-popup-when-i-click-button -->
<!-- https://github.com/fancyapps/fancybox -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.0/jquery.fancybox.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.0/jquery.fancybox.min.js"></script>
</head>
<body>
<div class="body-attach"><a data-fancybox="gallery" href="https://social.beachcom.org/system/media_attachments/files/109/395/536/026/043/860/original/cb17a73a2a5cd86f.jpeg"><img src="https://friends.brockha.us/photo/preview/600/3734" alt="" title=""></a>
<br>
<div class="clear"></div></div>
<div class="body-attach"><a data-fancybox="gallery" href="https://media.troet.cafe/troet.cafe/media_attachments/files/109/393/109/756/233/529/original/4290ef9eb5d7b799.jpeg"><img src="https://friends.brockha.us/photo/preview/1024/3729" alt="Tardis cookie jar and Tardis book, like River Songs diary." title="Tardis cookie jar and Tardis book, like River Songs diary."></a>
<br>
<div class="clear"></div></div>
</body>
</html>

14
fancybox/test/test.html Normal file
View file

@ -0,0 +1,14 @@
<p>Blubber Start</p>
<div class="clearfix"></div>
<hr />
<div class="wall-item-content post" id="wall-item-content-21657">
<div class="wall-item-body e-content p-name" id="wall-item-body-21657" dir="auto">Aktuell blockieren Unterstützer:innen der Letzten Generation das Rollfeld des BER.<br>Einige haben sich auf dem Asphalt festgeklebt, andere fahren mit Rad über den Rangierbereich und bringen so den Flugverkehr zum Erliegen. Vor dem Betreten des BER informierten sie die Polizei. <a href="https://t.co/c6UGVfPDI9" target="_blank" rel="noopener noreferrer">https://t.co/c6UGVfPDI9</a><div class="body-attach"><a href="https://climatejustice.social/system/media_attachments/files/109/400/027/751/450/406/original/9217a95e2bca723f.jpg"><img src="https://friends.brockha.us/photo/preview/1024/4292" alt="" title=""></a>
<br>
<a href="https://climatejustice.social/system/media_attachments/files/109/400/028/270/759/610/original/33b8b6d69d0d98fa.jpg"><img src="https://friends.brockha.us/photo/preview/600/4294" alt="" title=""></a>
<br>
<a href="https://climatejustice.social/system/media_attachments/files/109/400/028/712/968/943/original/2affd82b2c9a50c9.jpg"><img src="https://friends.brockha.us/photo/preview/600/4296" alt="" title=""></a>
<br>
<div class="clear"></div></div></div>
<p>Blubber Ende</p>

14
fancybox/test/test.out.html Normal file
View file

@ -0,0 +1,14 @@
<p>Blubber Start</p>
<div class="clearfix"></div>
<hr />
<div class="wall-item-content post" id="wall-item-content-21657">
<div class="wall-item-body e-content p-name" id="wall-item-body-21657" dir="auto">Aktuell blockieren Unterstützer:innen der Letzten Generation das Rollfeld des BER.<br>Einige haben sich auf dem Asphalt festgeklebt, andere fahren mit Rad über den Rangierbereich und bringen so den Flugverkehr zum Erliegen. Vor dem Betreten des BER informierten sie die Polizei. <a href="https://t.co/c6UGVfPDI9" target="_blank" rel="noopener noreferrer">https://t.co/c6UGVfPDI9</a><div class="body-attach"><a data-fancybox="gallery" href="https://climatejustice.social/system/media_attachments/files/109/400/027/751/450/406/original/9217a95e2bca723f.jpg"><img src="https://friends.brockha.us/photo/preview/1024/4292" alt="" title=""></a>
<br>
<a data-fancybox="gallery" href="https://climatejustice.social/system/media_attachments/files/109/400/028/270/759/610/original/33b8b6d69d0d98fa.jpg"><img src="https://friends.brockha.us/photo/preview/600/4294" alt="" title=""></a>
<br>
<a data-fancybox="gallery" href="https://climatejustice.social/system/media_attachments/files/109/400/028/712/968/943/original/2affd82b2c9a50c9.jpg"><img src="https://friends.brockha.us/photo/preview/600/4296" alt="" title=""></a>
<br>
<div class="clear"></div></div></div>
<p>Blubber Ende</p>