skV-NET.ch mobile gallery

    • Offizieller Beitrag

    Mit Freude möchte ich euch etwas Neues präsentieren was ich dieses Wochenende programmiert habe.


    Es handelt sich dabei um eine mobile Version unserer Foren-Galerie. Die mobile gallery ist kompatibel zu allen gängigen Smartphones- und Tablets Betriebssystemen wie Android, iOS und Windows Phone. Natürlich kann die auch sehr gut auf dem Desktop betrachtet werden, da das Design responsive ist. Das heisst der Inhalt passt sich der aktuellen Auflösung bzw. Fenstergrösse an.


    Man wählt das gewünschte Album aus und kann dann die Bilder in einer Übersicht betrachten und bei Klick auf ein Bild wird es in voller Grösse auf dem Display angezeigt. Um zum nächsten Bild zu gelangen wischt man das aktuelle Bild einfach weg, so wie man es sich von anderen nativen Apps gewohnt ist.
    Unter iOS ist auch ein Zoomen eines Bildes möglich. Auf einem Desktopbrowser wie z.B. Firefox kann während der Vollbildansicht mit den Pfeiltasten zum nächsten Bild gewechselt werden.


    Als Frameworks kamen jQuery Mobile und photoswipe zum Einsatz. Die Web-Applikation wurde in PHP geschrieben.


    Erreichbar ist die mobile gallery unter https://www.skv-net.ch/mobilegallery/


    Auf Feedback würde ich mich sehr freuen! Postet das hier einfach!



    Developer | deh-vel-up-ur

    noun


    1 a person or thing that develops stuff: in e.g. software developer, someone having knowledge of a particular topic beyond the level of knowlegde needed for ordinary usage of that topic

    Einmal editiert, zuletzt von s-master ()

    • Offizieller Beitrag

    [change] Avatare und User-Info auf der Startseite hinzugefügt.

    • Offizieller Beitrag

    HEy schön dass es dir gefällt, ja ich hoffe du hast bald wieder ein entsprechendes Gerät :)

    • Offizieller Beitrag

    [Info] Version Update to 0.3.2
    [Change] TagCloud added


    Und wieder gibt es ein kleines Update.
    Bei diesem Update habe ich eine TagCloud hinzugefügt. Es wird eine Grafik generiert anhand allen vorhandenen Tags.
    Weiter unten auf der Seite kann nach allen Tags gesucht werden. Mit einem Klick auf ein Tag gelangt ihr zur Bilderübersicht des entsprechenden Tags.

    • Offizieller Beitrag

    [Info] Version Update to 0.3.4
    [Bugfix] In der Bildübersicht eines Album wird der Albumtitel korrekt angezeigt.
    [Bugfix]Einige Bilder wurden zum Teil nicht angezeigt, weil sie nicht in der entsprechender Grösse vorhanden war. Dies ist nun behoben.
    [Change] Verschiedene SEO Optimierungen wurden vorgenommen.

    • Offizieller Beitrag

    Dä headi! Hoi :thumbup:


    Merci fürs Feedback!
    Ja die Top100 git mer au chli z'denke.
    Es klicket meh Bots die Bilder ah als normali Lüt. Bots findet halt anderi Sache cool als mir :P

    • Offizieller Beitrag

    Nach langer Zeit wieder einmal ein kleines Update


    [Bugfix] - fixed a bug tagcloud not shown
    [Bugfix] - fixed a bug in tagcloud title not shown
    [Bugfix] - minor code improvements
    [Info] - update to version 0.4.0

    • Offizieller Beitrag

    Update to Version 0.5.0
    [Change] Video Gallery added
    [Change] side menu added

    • Offizieller Beitrag

    Update to Version 0.6.5


    [Bugfixes] Ein Fehler wurde behoben wegen nicht definierten Variablen.
    [Bugfixes] Einige interne Optimierungen wurden vorgenommen.
    [Bugfixes] Bei der Auflistung von Videos oder auch auf der Auflistung der neusten Elemente auf der Startseite wurde ein CSS-Fehler behoben.
    [Change] Auf der Startseite werden neu die letzten 4 Bilderalben und Videos gezeigt.
    [Change] Der Footer enthält nun eine Toolbar mit Icons aus der Font Awesome Bibliothek für die wichtigsten Links.
    [Change] Der Setting-Icon-Link wird eine Seite für Einstellungen in einer zukünftigen Version enthalten.
    [Change] Die Top 100 Random Seite enthält ein animierter Reload-Button um die Seite zu aktualisieren und somit neue zufällige Bilder zuladen
    [Change] Im Slideshow Modus der Fotogalerie wurden die Icons durch "Font Awesome" Icons ersetzt. In einer zukünftigen Version wird ein Button in der Toolbar eine neue Funktion erhalten.
    [Change] Bei der Auflistung von Videos wurde die Reihenfolge angepasst, dass das neuste Video zuoberst ist.
    [Change] Top50 View für Videos wurde hinzugefügt.


    Seit einigen Updates des internen Android Browser z.B. auf dem HTC One gibt es einige Kompatibilitätsprobleme mit der Fotogalerie und den Abspielen von Videos.
    Mit Chrome und Firefox konnte ich keine Probleme feststellen.

    • Offizieller Beitrag

    Update to Version 0.7.0

    [Change]
    Thumbnail-Listview Ansicht in der Image Gallery hinzugefügt. Neu wird auch die Beschreibung angezeigt.
    [Change] Kleine Anpassungen auf der Startseite analog Thumbnail-Listview

    • Offizieller Beitrag

    Version 0.8.0:
    [Bugfixes] Es wurde ein Fehler behoben, bei dem vor allem ältere Bilder mit niedriger Auflösung die Thumbnails nicht angezeigt wurden.
    [Feature] Fullscreen Bilder werden jetzt in einer höheren Auflösung (2560px) angezeigt. Dies erhöht zwar die Dateigrösse/Traffic eines Bildes, dafür bietet es eine verbesserte Qualität/Auflösung.

    • Offizieller Beitrag

    Update to Version 0.9.0


    Das grösste Update seit einigen Jahren!
    Es wurde der Bug adressiert, dass bei einigen Browsern vor allem auf Chrome Mobile das Swipen nicht mehr funktionierte.


    [Change] jQueryMobile wurde von Version 1.3.1 auf 1.4.5 aktualisiert. Dieses Update hatte einige Auswirkungen auf das Theme.
    [Change] jQuery wurde von Version 1.8.3 auf 1.12.4 aktualisiert.
    [Change] Gradients im Theme wurden an allen Orten per CSS wieder manuell hinzugefügt, damit es wieder wie vorher aussieht.
    [Change] Weitere minimale Veränderungen am Theme durch den Update von jQueryMobile auf Version 1.4.5
    [Change] Addressbar wird in Chrome Mobile in grün dargestellt.
    [Change] Startseite: Willkommensnachricht wurde aktualisiert. Menüeinträge haben Information zu den einzelnen Elementen. Music Menüeintrag wurde in der Beta Version hinzugefügt.
    [Change] Image Gallery Übersicht: Ansicht ohne Thumbnails wurde entfernt. Informationen über Anzahl Alben, Bilder und Views wurde hinzugefügt. Open Graph Protocol Meta-Tags wurden implementiert, damit eine schöne Vorschau auf Facebook, Whatsapp und Twitter dargestellt wird.
    [Change/Bugfix] Gallery: PhotoSwipe wurde von Version 3.0.5 auf Version 4.1.3 aktualisiert. Dies behebt den Bug, dass das Swipen unter Chrome Mobile und anderen Browsern nicht mehr funktionierte. PhotoSwipe 4.1.3 ist eine Neuentwicklung welches von einem neuen Entwickler übernommen wurde.
    [Feature] Gallery: Double-Tap oder Double-Click zoomt in das Bild. Single-Tap lässt Detailinformationen zum Bild verschwinden oder stellt es wieder dar. Swipe nach oben oder unten verlässt den Grossbild-Modus. Der Hintergrund des Grossbild-Modus stellt die Dominante Farbe des Bild dar mittels Color-Thief Library. Fullscreen kann eingeschaltet werden, sofern es vom Gerät oder Browser unterstützt wird. Das Teilen auf Facebook, Twitter und Pinterest wurde hinzugefügt. Das aktuelle Bild kann heruntergeladen werden.
    [Feature] Gallery: Übersicht der Bilder werden mittels Masonry 4.2.2 Library dargestellt und aufgebaut. Die Übersicht erhält so den bekannten randlosen Masonry-Effekt.
    [Change] Random Images: Die Anzahl der Bilder wurde auf 200 erhöht.
    [Change] Most Viewed Images: Die Anzahl der Bilder der wurde auf 200 erhöht.
    [Change] TagCloud: jQCloud wurde von Version 1.0.4 auf Version 2.0.3 aktualisiert. Das Ergebnis ist weniger befriedigend und wird in einer nächsten Version wieder entfernt.
    [Change] User Gallery: Informationen über Anzahl Alben, Bilder und Views wurde hinzugefügt.

    Developer | deh-vel-up-ur

    noun


    1 a person or thing that develops stuff: in e.g. software developer, someone having knowledge of a particular topic beyond the level of knowlegde needed for ordinary usage of that topic

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!