Bilder aus meinem Leben

Box-Fenster Home

Slider (Bildwechsler)

Die animierte Slideshow wurde mit einem Jquery-Script getätigt, ist 'Fullscreen' bildschirmfüllend bei jeder Auflösung angelegt und startet automatisch . Diese läßt sich aber auch manuell ganz in Ruhe über die Pfeile steuern sowie auch per Klick bzw. Touch auf die Thumbnails, also die kleinen Vorschau-Bilder unterhalb des großen Fotos.

Die Slideshow ist sehr leicht in der HTML-Datei anzupassen bzw. Bilder entfernen oder hinzufügen ist kein großes Problem, hier nachstehend der Code als Übersicht und dann weiter unten die wichtigsten Möglichkeiten zur Änderung. Noch ein Hinweis: Die Dateinamen bei den Bildern müssen nicht wie bei uns 'picture01.jpg', 'picture02.jpg' usw. lauten und auch keine durchlaufende Numerierung haben, sondern Sie können auch andere Dateinamen verwenden, wie z.B. 'meinbild.gif', 'ferienhaus.png', 'img_012345687.jpg' o.ä.

<!-- JQUERY Bildwechsler -->
<div class="fotorama"
data-nav="thumbs"
data-autoplay="6000"
data-stopautoplayontouch="true"
data-loop="true"
data-width="100%"
data-height="97%"
data-arrows="always"
data-fit="cover"
data-transition="slide">

<img src="images/picture01.jpg" width="900" height="500"  data-caption="Bildtext 1">

<img src="images/picture02.jpg" width="900" height="500"  data-caption="Bildtext 2">

<img src="images/picture03.jpg" width="900" height="500">

<img src="images/picture04.jpg" width="900" height="500">

. . . usw. für weitere Bilder..

</div>
<!-- Ende JQUERY Bildwechsler -->

Ändern, die wichtigsten Möglichkeiten

data-autoplay="6000"
Zeit für den Bildwechsel, hier 6 Sekunden. Probieren Sie gerne andere Werte.

data-transition="slide"
Die Bilder werden beim Wechsel hinaus geschoben. Alternative: Für einen Überblend-Wechsel wählen Sie 'crossfade' statt 'slide'.

data-caption="Hier Ihr Bildtext"
Möglicher Bildtext für jedes Foto ein anderer - bei data-caption. Möchten Sie keinen Bildtext, so lassen sie 'data-caption' einfach ganz weg.

data-stopautoplayontouch="true"
Bei Klick auf die Pfeile oder die 'Thumbnails' (die kleinen Fotos als Vorschaubilder bzw. Bildanzanzeiger) stoppt die automatisch ablaufende Slideshow und lässt sich eben manuell schneller durchklicken. Wenn Sie das Stoppen nicht möchten, so schreiben Sie bei "data-stopautoplayontouch" 'false' statt 'true'.

Bereits verlinkt

Sowohl alle Links im Hauptmenü als auch die Links im Fussbereich wie Impressum, Datenschutz und Disclaimer sind alle verlinkt und dienen als Beispiel für den Einbau von Text und Bild. Alle genannten Links öffnen sich per CSS als div-Box (Boxfenster) innerhalb der selben Seite.

 

Box-Fenster Primus

Fenster öffnen auf der selben Seite

Klicken Sie die Links des Hauptmenüs so öffnen sich alle Fenster per div-Box (deshalb haben wir es Boxfenster bezeichnet). Dieses Öffnen der Fenster funktioniert nur per CSS und ganz ohne Javascript.

Bilder

Die Fotos in dieser Vorlage sind von https://picjumbo.com/ . Wir haben diese responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

Icons

Viele weitere Icons sind möglich, denn die Icon-Schrift "FontAwesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.
Die Dateien der Icon-Schrift sind also bereits diesem Template beigefügt mit dem großen Vorteil, das die Icons somit auch geladen und angezeigt werden, wenn keine Internet-Verbindung besteht.

Die Icon-Schrift kann aber statt dessen auch noch einfacher durch einen entsprechenden Link im Kopfbereich der Seite aufgerufen werden, die Schrift wird dann serverseitig geladen, sehen Sie hierzu die Erklärungen auf der Seite des Anbieters. Dies mag für manche der leichtere Weg sein, falls man ein Versions-Update aktualisieren möchte. Aber wie gesagt: Besteht keine Internet-Verbindung, so wird in diesem Fall auch kein Icon angezeigt.

 

Box-Fenster Tertius - Werther

Werther

Eine wunderbare Heiterkeit hat meine ganze Seele eingenommen, gleich den süßen Frühlingsmorgen, die ich mit ganzem Herzen genieße. Ich bin allein und freue mich meines Lebens in dieser Gegend, die für solche Seelen geschaffen ist wie die meine.

Ich bin so glücklich, mein Bester, so ganz in dem Gefühle von ruhigem Dasein versunken, daß meine Kunst darunter leidet. Ich könnte jetzt nicht zeichnen, nicht einen Strich, und bin nie ein größerer Maler gewesen als in diesen Augenblicken.


Wenn das liebe Tal um mich dampft, und die hohe Sonne an der Oberfläche der undurchdringlichen Finsternis meines Waldes ruht, und nur einzelne Strahlen sich in das innere Heiligtum stehlen, ich dann im hohen Grase am fallenden Bache liege, und näher an der Erde tausend mannigfaltige Gräschen mir merkwürdig werden; wenn ich das Wimmeln der kleinen Welt zwischen Halmen, die unzähligen, unergründlichen Gestalten der Würmchen, der Mückchen näher an meinem Herzen fühle, und fühle die Gegenwart des Allmächtigen, der uns nach seinem Bilde schuf, das Wehen des Alliebenden, der uns in ewiger Wonne schwebend trägt und erhält; mein Freund!

Wenn's dann um meine Augen dämmert, und die Welt um mich her und der Himmel ganz in meiner Seele ruhn wie die Gestalt einer Geliebten - dann sehne ich mich oft und denke : ach könntest du das wieder ausdrücken, könntest du dem Papiere das einhauchen, was so voll, so warm in dir lebt, daß es würde der Spiegel deiner Seele, wie deine Seele ist der Spiegel des unendlichen Gottes!

 

Box-Fenster Quartus Kontakt

Adresse

  • Firma
  • Michael John Mustermann
  • Big Little Samplestreet 1a
  • 12333 Newheavenport-East

Kontakt

  • Phone: (0000) 0000000-50
  • Mobile: (+49) 0000-1234567
  • Mobile 2: (+49) 0000-7654321
  • Fax: (0000) 7654321-4141
  • info@muster-mustermann.de

Öffnungszeiten

  • MO - FR:10.00 - 18.00 Uhr
  • DO:09.00 - 13.00 Uhr
  • SA:09.00 - 16.00 Uhr


Anfahrt 1 - Aus nördlicher Richtung

So errreichen Sie uns: Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Anfahrt 2 - Aus südlicher Richtung

So errreichen Sie uns: Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.


 

Box-Fenster Quintus

Hinter den Worten

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.

Der gefährliche Weg

Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht - ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik.

Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg.

Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy.

Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie zigmal umgeschrieben worden und alles, was von ihrem Ursprung noch übrig wäre, sei das Wort "und" und das Blindtextchen solle umkehren und wieder in sein eigenes, sicheres Land zurückkehren.


Die Werbetexter

Doch alles Gutzureden konnte es nicht überzeugen und so dauerte es nicht lange, bis ihm ein paar heimtückische Werbetexter auflauerten, es mit Longe und Parole betrunken machten und es dann in ihre Agentur schleppten, wo sie es für ihre Projekte wieder und wieder mißbrauchten. Und wenn es nicht umgeschrieben wurde, dann benutzen Sie es immernoch.

 

Box-Fenster Sextus

Allein in der Dunkelheit

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!

Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen? Er konnte die Aufforderung stehen zu bleiben schon hören.


Gehetzt sah er sich um. Plötzlich erblickte er den schmalen Durchgang. Blitzartig drehte er sich nach rechts und verschwand zwischen den beiden Gebäuden. Beinahe wäre er dabei über den umgestürzten Mülleimer gefallen, der mitten im Weg lag.

Er versuchte, sich in der Dunkelheit seinen Weg zu ertasten und erstarrte: Anscheinend gab es keinen anderen Ausweg aus diesem kleinen Hof als den Durchgang, durch den er gekommen war. Die Schritte wurden lauter und lauter, er sah eine dunkle Gestalt um die Ecke biegen. Fieberhaft irrten seine Augen durch die nächtliche Dunkelheit und suchten einen Ausweg. War jetzt wirklich alles vorbei?

 

Impressum

Webmaster Edwin Gräupl

Weiserhofstrasse 4

5020 Salzburg

Österreich



 

ter disclaimer = = = = = = = = = = -->