Slideshow Image 1 Slideshow Image 2 Slideshow Image 3 Slideshow Image 4 Slideshow Image 5 Slideshow Image 6 Slideshow Image 7 Slideshow Image 8 Slideshow Image 9 Slideshow Image 10 Slideshow Image 11

MomoFlow

Posted by Kimmy

Ich habe keine Iphone, aber ich finde die animierten Bilder mit Apples Coverflow-Effekt sehr schön. Also möchte ich unsere Website auch mit CoverFlow verschönern. Es gibt viele Coverflow mit jQuery-Plugin, aber ist es wohl nicht so einfach, eine passende zu finden.

Endlich habe ich "MomoFlow" gefunden, ich finde es sehr gut gelungen für "Portrait", das passt optimal zu einer privaten Website( natürlich auch für ein Fotostudio). Und was mir besonders gut gefällt: man kann auf das Bild klicken um das Originalbild zu sehen. Die meisten anderen Coverflow jQuery-plugin haben nicht diesen Effekt.

Nur gibt es Probleme mit Internet-Explorer.

Klickt hier zu meiner MomoFlow Demo: Unseres "Portrait" Album

Shine Time

Posted by Kimmy

Eine gute Ausdrucksweise ist sehr wichtig, nicht nur in Wort und Schrift, sondern so ziemlich überall im Leben.

z.B., wie unterscheidet man Komödie, Tragödie und Tragikomödie? Meiner Meinung nach ist: der Inhalt ist wichtig, allerdings ist es nicht alles. Das wichtigste ist, dass man die richtige Ausdrucksweise (Best Way of Expression) finden sollte. Eine gute Regie bedeutet, dass Sie sich in Ihrer Bestform präsentieren können, sogar wenn das Thema nicht so spannend ist. Auf der anderern Seite, ein schlechter Regisseur kann eine gute Geschichte langweilig machen.

Verschiedene Dramen brauchen verschiedene Ausdrucksweisen (ways to express), ich finde bei einer Fotogalerie ist das auch so. Die Hundegalerie sollte niedlich sein, aber nicht bei Landschaft oder Portraitaufnahmen. Das passt einfach nicht.

Ich sehe gerne Filme, und ich höre gerne Musik, deshalb möchte ich einige meiner Lieblingsfilme und Lieblingsmusik empfehlen. Aber ich finde das Galleryview oder Nivoslider nicht zu einer "Movie Gallery" passt.

Ich suche im internet, dann habe ich "Shine Time" gefunden. Das ist ein sogenannte "Kick-Ass New jQuery & CSS3 Gallery" , und "use it to create your very own Shiny Gallery".

Ich finde das ist sehr gelungen für "a Movie Time".

Unten ist meine Demo (Alle Fotos habe ich von Kostenlosen Wallpaper download Websites gesammelt, diese sind nicht urheberrechtlich geschützt? If the copyright of any wallpaper belongs to you, please contact me and I'll remove it!

Einige meiner Lieblingsfilme (mit Hintergrundmusik Forrest Gump Suite)

Zoomer Gallery

Posted by Kimmy

Es gibt viele geniale Effekte für Webdesigner mit jQuery, ein schöner Effekt für diesen Bereich stellt auch das Plugin "Zoomer Gallery" dar.

Zoomer Gallery zeigt Bilder mit ähnlichen Zoom-Effekten an, wie man sie von Flash her kennt, bei einer Bewegung über das Bild wird eine automatische Vergrößerung ausgelöst. Dieses Plugin ist mit nur 2 KB kompakt.

Klickt hier zu meiner Demo: Hunde fotografieren

Cloud Zoom

Posted by Kimmy

Immer mehr Online-Shops benutzen JQuery Zoom-Effekte: Fährt man mit der Maus über ein Vorschaubild, wird in dem Ausschnitt die Originalgröße des Bildes angezeigt. Anschließend lässt sich der Bildausschnitt durch Mausbewegungen verschieben.

Das finde ich cool, obwohl ich keinen Online-Shop habe :-)

Es gibt unzählige solcher jQuery-Zoom-Plugins, aber ich suche nur etwas einfaches und unkompliziertes, es soll klein und sauber sein, frei von Werbung und natürlich kostenlos.

Ich finde das Cloud Zoom super ist.

Das ist eine absolut vergleichbare Alternative zu Produkten wie Magic Zoom oder jQZoom, aber Cloud Zoom ist kleiner und einfacher, man hat mehr Funktionen und es ist robust und verträgt sich mit allen Browsern.

Zum ausprobieren habe ich eine kleine Zoom Galerie gemacht, es zeigt ein Auswahl von einigen Bildern, die ich gemalt habe.

Klickt hier zu meiner Demo: Kimmy's Skizzen

JQuery Galleryview

Posted by Kimmy

Nivo Slider ist niedlich, allerdings wenn man richtig viele Bilder in eine Galerie darstellen möchte, dann stößt man mit Nivo Slider schnell ans Limit, dann ich suche andere Lösung.

GalleryView von Jack Anderson ist ein Galerie-PlugIn für jQuery.

Mit dem PlugIn kann man eine Vielzahl von verschiedenen Galerien erzeugen. Die Möglichkeiten des PlugIns reichen von einer Anzeige die ähnlich wie die Galerie-Funktion von Lightbox aussieht bis hin zu wesentlich komplexeren Varianten die sich nicht hinter ähnlichen Lösungen verstecken müssen wie man sie von Flash-basierten Scripts kennt.

Auf der Homepage des PlugIns: http://spaceforaname.com/galleryview finden sich die Anleigung dazu.

Das PlugIn steht unter der MIT-Lizenz.

Das ist schon etwas schwieriger als Nivo Slider, ich muss es zu meinen eigenen Design anpassen. Ich habe es zwei Tage lang versucht, aber ich meine, das CSS im Gegensatz zu anderen Anbietern, und gerade für Anfänger wie mich, es wirklich nicht einfach ist, aber wenn man eine eigene Website baut dann muß man doch ein wenig basteln, und das ist mein Lieblingshobby.

Hier unsere Kochkurs Galerie (Kein CSS Design ): http://kimmys-freizeit.de.to/kochkurs_88447723.html

Nivo Slider

Posted by Kimmy

Ich finde mit jQuery-Plugins eine Homepage zu bauen ist sehr praktisch. Dieses habe ich genauer unter die Lupe genommen und möchte nun zeigen, wie man Plugin ver­wen­den kann.

Der Nivo-Slider von dev7studios.com ist ein leichtgewichtiger jQuery Image-Slider mit vielen Optionen und 11 Effekten in der aktuellen Version. Der jQuery Slider ist sauber programmiert, funktionsreich und auch von Einsteigern einfach einzusetzen.

Ich bin TOTAL-Anfänger, das passt mir gut:-)

Die Demo gibt es hier:

http://nivo.dev7studios.com/demos/

Zum Script Herunterladen hier klicken: http://nivo.dev7studios.com/

Ohne Thumbnail ist es sehr einfach, aber ich möchte doch einen Slider mit Thumbnails machen. Und...ich habe es geschafft!

Hier ist die Anleitung: http://dev7studios.com/blog/resources/using-thumbnails-with-the-nivo-slider/

Slider Demo



Galerie im Vollbild

Posted by Kimmy

Ich bin jeden Tag fast 24 Stunden mit unserem Sunny Baby zusammen, aber trotzdem habe ich immer noch nicht genug Sunny zu sehen. Jedes mal wenn ich Sunnys Bilder anschaue, kann ich mir ein lächeln nicht verkneifen.

Ich habe eine Galerieview von Sunny gemacht, aber die Bilder sind klein und da habe ich mir überlegt , wie kann ich Sunnys Bilder wie Windows-Fotoanzeige Diashow im Fullscreen sehen?

Ich habe im Internet gesucht, und habe endlich etwas gutes gefunden, es ist unkompliziert, funktionsreich und einfach einzusetzen.

Die Anleitung: http://manos.malihu.gr/simple-jquery-fullscreen-image-gallery

Ich habe die Fotos sortiert, die Bilder zeigen Sunny´s Leben in Deutschland und Europa, und dann habe ich eine Fullscreen Galerie gemacht. Jetzt freut es mich sehr, dass man im Internet unsere Sunny überall klar sehen kann.

Sunnys Fullscreen Fotogalerie

Slideshow im Header

Posted by Kimmy

Ich habe mein Header als Slideshow eingestellt. Das ist eine "Simple jQuery Slideshow", aber sehr praktisch.

Auf der Website: http://jonraasch.com/blog/a-simple-jquery-slideshow gibt es die Anleitung.