Netbattalion Logo

Webdesign und Webentwicklung

Webdesign und Webentwicklung

Wir erstellen Ihnen Ihren Website nach Ihren Vorgaben und unserer Beratung, und übernehmen die technische Implementation mit modernen Webtechnologien. Bei Bedarf programmieren wir spezielle Funktionalitäten oder Geschäftslogiken für Ihre Webanwendung.

CMS und Webshop

Verwalten Sie Ihre Website mit einem modernen Content-Management-System oder einem Webshop, ohne dafür Programmierkenntnisse erlernen zu müssen.

Serverlose Infrastruktur

Sparen Sie sich Geld und Zeit für Betrieb und Administration und Skalierung eines eigenen Webservers und überlassen Sie die Funktion Ihrer Webanwendung und Datenbank einer End-To-End-verschlüsselten serverlosen Infrastruktur in der Cloud.

Softwareentwicklung

Wir entwickeln Javascript-Programme für Ihre Webanwendung browserseitig oder serverseitig mit Node JS. Ein Beispiel ist die Netbattalion-Lightbox.

Netbattalion-Lightbox-Script

Die Netbattalion-Lightbox ist ein Script zum Einbinden in Ihren HTML-Code. Dafür müssen Sie nichts weiter tun, als Ihren Bildergallerien die CSS-Klasse "nb-gallery" zu geben, und am Ende des HTML-Codes den Script- und den Style-Tag für die Netbattalion-Lightbox anzugeben.

Die Version 1.0 ist nicht konfigurierbar und steht unter MIT-Lizenz.

Downlad

Script einbinden

Das Script wird nach der letzten Bildergallerie in den HTML-Code eingefügt.


    <script type="text/javascript" src="/pfad-zum-script/lb-1.0.min.js"></script>
    <link rel="stylesheet" href="/pfad-zum-style/lb-1.0.css">

Verschiedene HTML-Möglichkeiten

Sie können einem beliebigen HTML-Tag die CSS-Klasse "nb-gallery" geben. Dieser muss Image-Tags mit Vorschau-Bildern enthalten, die von einem Anchor-Tag umschlossen werden, der zum Zielbild verlinkt ist. Die Bildbeschreibung enthält dessen title-Attribut. Die Bilder jedes umschließendes Tags der Klasse "nb-gallery" stellen eine unabhängige Bildergallerie dar.


    <section class='nb-gallery'>
        <h2>Gallerie 1</h2>
        <div>
            <a href='/images/image-1' title='Description'>
                <img src='/images/image-1-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
        <div>
            <a href='/images/image-2.jpg' title='Description'>
                <img src='/images/image-2-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
    </section>
        
    <h2>Gallerie 2</h2>
    <div class='nb-gallery'>
        <div>
            <a href='/images/image-3.jpg' title='Description'>
                <img src='/images/image-3-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
        <div>
            <a href='/images/image-4.jpg' title='Description'>
                <img src='/images/image-4-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
    </div>
        
    <section class='nb-gallery'>
        <h2>Gallerie 3</h2>
        <div>
            <a href='/images/image-5.jpg' title='Description'>
                <img src='/images/image-5-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
        <div>
            <a href='/images/image-6.jpg' title='Description'>
                <img src='/images/image-6-thumb.jpg' title='Description' alt='Description'>
            </a>
        </div>
    </section>
Share on Facebook Share on Twitter Share on Google+ Share on Linkedin