MyXoops Forum

Aw: Infinite Scroll in myalbum [Entwicklung allgemein] - myXOOPS German Support

WDC

"myXOOPs"-Profi
Gepostet am:17.02.2021 20:37
WDC
WDC Offline (Show more)
"myXOOPs"-Profi
Posts: 621
Since: 27.06.2004
#5

Aw: Infinite Scroll in myalbum

Ich hab erstmal die Lazy load Funktion der Chromium Browser eingebaut. Die ist von Haus aus bei den Browsern dabei.

anke für den Tipp

Goffy

Co-Administrator
Gepostet am:17.02.2021 19:46
Goffy
Goffy Offline (Show more)
Co-Administrator
Posts: 736
Since: 14.10.2004
#4

Aw: Infinite Scroll in myalbum

Also wenn du das komplette Laden aller Bilder verhindern möchtest dann musst du dich über lazy lading schlau machen. Damit habe ich mich aber auch noch nie befasst :(
EDV = Epoche der Verzweiflung

Advertisement

Gepostet am:0
Advertisement (Show more)
Posts: 0
Since: 0


Hier könnten Sie Ihre Anzeige aufgeben!
Bitte kontaktieren Sie uns, um mehr darüber zu erfahren.

WDC

"myXOOPs"-Profi
Gepostet am:17.02.2021 19:30
WDC
WDC Offline (Show more)
"myXOOPs"-Profi
Posts: 621
Since: 27.06.2004
#3

Aw: Infinite Scroll in myalbum

Die IDee ist, ich habe tatsächlich mal probier die Limitierung raus zu nehmen, mobil lädt sich das tod. Der Aufruf der Bilder erfolgt ja in einer foreach schleife, da wird es schwer da aber dem 11 Bild was zu machen
<{foreach from=$photos item=photo}>
            <
span style="font-size:x-small;margin:3px;float:left;width:100%;max-width:190px;text-align: center;"><a href="<{$photo.ahref_photo}>" data-caption="<{$photo.title}>"><img src='<{$photo.imgsrc_thumb}>' style='width:85%;height:auto;max-width:170px;' alt='M.A.S.K. cartoon - Screenshot - <{$album_name}> <{$photo.title}>' title='M.A.S.K. cartoon - Screenshot - <{$album_name}> <{$photo.title}>' border='0' /><br /><{$album_name}> <{$photo.title}></a>
            </
span>
              <{/foreach}>
Ich hatte schon probiert die Limitierung weg zu lassen, und ein Skript berechnet aus der Gesamtzahl dann die Bereiche die nachgeladen werden sollen. Bin aber bisher gescheitert.

Goffy

Co-Administrator
Gepostet am:17.02.2021 19:22
Goffy
Goffy Offline (Show more)
Co-Administrator
Posts: 736
Since: 14.10.2004
#2

Aw: Infinite Scroll in myalbum

Hi Ich gehe mal davon aus, dass du auf der Seite selbst nur eine bestimmte Anzahl haben willst, weil ansonsten könntest du ja die Limitierung für die Bilder einfach ausschalten. Falls du in der Übersicht nur eine kleinere Anzahl als Vorschau und in der Fancybox dann alle anzeigen möchtest: soweit ich über fancybox noch Bescheid weiß hast du im href des Links das große Bild und im img-Objekt innerhalb des Links das Vorschaubild Wenn das so ist, dann versuch mal das Vorschaubild wegzulassen z.B. bei den ersten 10
<a id="single_image" href="image_big1.jpg"><img src="image_small1.jpg" alt=""/></a>
ab dem 11. Bild dann
<a id="single_image" href="image_big11.jpg"></a>
Übrigens: das Aussehen mit der Verwendung der natural-gallery-js nicht behoben, weil du dann dort wieder die gleichen Probleme hast :)
EDV = Epoche der Verzweiflung

WDC

"myXOOPs"-Profi
Gepostet am:17.02.2021 18:03
WDC
WDC Offline (Show more)
"myXOOPs"-Profi
Posts: 621
Since: 27.06.2004
#1

Infinite Scroll in myalbum

Ich habe mich jetzt erstmal auf andere Sachen auf der Seit konzentriert, und daher die anderen Themen außen vor gelassen.

Ich habe es endlich geschafft, aus einem Iframe heraus, die Fancybox mit den Bilder im Parent Fenster zu öffnen. Siehe hier

https://kenner-mask.com/modules/toyline/photo.php?lid=744&cid=3

Fast ganz unten auf der Seite, unter der Überschrift "CARTOON BILDER ZU CONDOR" ist das zu sehen.

Jetzt ist die Anzahl der Bilder durch die Seiten der pagenav limitiert. Was doof ist, denn der User kann so 18 Bilder sehen, macht die Fancybox zu, geht eine Seite weiter, und öffnet sie erneut.

Daher kam mir die Idee, die Pagenav durch ein Infinite Scroll zu ersetzen.

Hier gibt es ein tolles Beispiel, ist die Pagenav dahingehend umprogrammierbar?

https://ecodev.github.io/natural-gallery-js/square.html
Diesen Thread durchsuchen:  1 Anonyme Benutzer