Es kann von Vorteil sein, in der Bildergalerie nicht gleich alle Alben auf einmal anzuzeigen! Hinweise und Maßnahmen kommen so besser zur Geltung! Ein Vielzahl von Alben können beim Öffnen auch zu viele Eindrücke preisgeben und erdrückend wirken!
Was kann die folgende Installation?
Die Anzahl der geöffneten Alben kann eingestellt werden!
Über einen Button können allen Alben auf einmal angezeigt werden!
Der Zustand bleibt auch beim Seiten-Reload und beim Vor-und Zurückspringen bestehen!
Einblenden von verlinkten Hinweisen für Mitglieder und Gäste!
Neu! Die zugeklappte Ansicht kann wahlweise nur beim Start oder auch in allen Unteralben ausgeführt werden!
Wichtig! Das Template braucht nicht verändert werden!
Installation fürs Business-Template V4
Für Mitglieder mit zugeklappter Alben-Übersicht. Es wird hier nur ein Album angezeigt. Mit Verlinkungen zum Upload und zum Album! Für Gäste mit zugeklappter Alben-Übersicht. Es wird nur ein Album angezeigt. Mit Verlinkung zum Login und zur Anmeldung!
Das Skript wird wegen der Nutzung von Variablen als PIugin in den "gallery_footer" kopiert. Das Skript funktioniert nicht in der Fußzeile!
Zeile 3 bestimmt die Anzahl der Alben beim Aufrufen der Bildergalerie (-n+1 für ein Album, -n+2 für zwei Alben, -n+3 für drei Alben, u.s.w. .....)!
In Zeile 5 wird der Button "Alle Alben anzeigen" erstellt und kann hier angepasst werden!
Zeile 17 ist für den Hinweistext der Mitglieder und Gäste zuständig (siehe Bilder)!
Der Upload-Link in Zeile 17 muss angepasst werden! Hier kann bestimmt werden, welches Album für den Upload aufgerufen werden soll (/g2-Bildergalerie.html)!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<script> $('.gcat.forum li').hide(); $('.gcat.forum li:nth-child(-n+1)').show(); // Ein Album wird angezeigt. Zahl kann beliebig gewählt werden!
if (location.href.indexOf('#bilder') > -1) { $('.gcat.forum li').show(); $('.button_mehr').hide(); };
$('.cat_information small p').after('{{user_registered==true.start}}<br>Laden Sie Bilder <a href="/g2-Bildergalerie.html"><span style="font-size:11px;">hoch</span></a> oder eröffnen gleich ein neues <a href="javascript:void(0)" onclick="return hpm_newDialogCentered(\'gallery_edit.php?add_cat\',\'800\');"><span style="font-size:11px;">Album</span></a>!{{user_registered==true.else}}<a href="/login.php"><span style="font-size:12px;">Loggen</span></a> Sie sich ein oder <a href="/anmeldung.php"><span style="font-size:12px;">melden</span></a> sich an, um gleich loszulegen!{{user_registered==true.end}}</div>'); </script>
Das Skript wird auch als PIugin in den "gallery_footer" kopiert.
Hinzu gekommen sind Zeile 2+17. Sie bewirken, das beim Start der Bildergalerie nur ein Album angezeigt wird!
Zeile 4 bestimmt die Anzahl der Alben beim Aufrufen der Bildergalerie (-n+1 für ein Album, -n+2 für zwei Alben, -n+3 für drei Alben, u.s.w. .....)!
In Zeile 6 wird der Button "Alle Alben anzeigen" erstellt und kann hier angepasst werden!
Zeile 19 ist für den Hinweistext der Mitglieder und Gäste zuständig (siehe Bilder)!
Der Upload-Link in Zeile 19 muss angepasst werden! Hier kann bestimmt werden, welches Album für den Upload aufgerufen werden soll (/g2-Bildergalerie.html)!
<script> if (location.href.indexOf('gallery.php') > -1) { $('.gcat.forum li').hide(); $('.gcat.forum li:nth-child(-n+1)').show(); // Ein Album wird angezeigt. Zahl kann beliebig gewählt werden!
if (location.href.indexOf('#bilder') > -1) { $('.gcat.forum li').show(); $('.button_mehr').hide(); }; };
$('.cat_information small p').after('{{user_registered==true.start}}<br>Laden Sie Bilder <a href="/g2-Bildergalerie.html"><span style="font-size:11px;">hoch</span></a> oder eröffnen gleich ein neues <a href="javascript:void(0)" onclick="return hpm_newDialogCentered(\'gallery_edit.php?add_cat\',\'800\');"><span style="font-size:11px;">Album</span></a>!{{user_registered==true.else}}<a href="/login.php"><span style="font-size:12px;">Loggen</span></a> Sie sich ein oder <a href="/anmeldung.php"><span style="font-size:12px;">melden</span></a> sich an, um gleich loszulegen!{{user_registered==true.end}}</div>'); </script>