Beiträge von Frank9652

Hallo Leute!
Ich habe in einer größeren Aktion viele meiner Bilder neu überarbeitet.
Dabei schien es mir einfacher zu sein, die kompletten Gallerien zu löschen und anschließend eine neue Gallerie mit demselben Namen neu anzulegen, und anschließend die bearbeiteten Bilder in diese neue Gallerie wieder hochzuladen.

NextGen vergibt die Gallery-ID's ja automatisch und fortlaufend...
...benutzt aber nicht mehr die frei gewordenen alten ID's.

Kann ich diese alten ID's für neue Gallerien neu vergeben?

Gruß Frank

Hallo grafixxer!
Habe im Nachhinein festgestellt, daß der obige Slider in bei der Zufallsauswahl nur 14 von den insgesamt 16 Überblendeffekten benutzt.
Falls du bei dem obigen Slider auch die Random-Funktion verwenden willst, dann kannst du hier nachlesen, was du ändern mußt, damit er alle 16 Effekte benutzt.
http://forum.wpde.org/plugins-und-wi…t-gefunden.html

Gruß Frank

Hallo Leute!

Ich habe einen kleinen Fehler im obigen Slider bei der Zufallsauswahl (effect="random") entdeckt.

In der Auflistung der Effekte die von der Zufallsauswahl benutzt werden (sollen) fehlen die beiden Effekte "slideInRight" und "slideInLeft".

Dies kann man wie folgt beheben:
1). Im Dashboard links auf Plugins und anschließend auf Editor klicken.
2). Dann oben rechts aus der Auswahlliste "Zu bearbeitendes Plugin" das Plugin "JJ NextGen JQuery Slider" auswählen, und auf den Button "Wähle" klicken.
3). Aus der rechten Liste von "Plugin Dateien" folgende Datei auswählen.
jj-nextgen-jquery-slider/script/jquery.nivo.slider.pack.js
4). Nun über die Browser Suchfunktion nach dem Begriff "Array" suchen und in die Auflistung folgende Einträge aufnehmen. 'slideInRight','slideInLeft',

Der ganze Bereich sollte so aussehen:
Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','slideInRight','slideInLeft','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse')

Anschließend unten links auf den Button "Datei aktualisieren" klicken, und schon werden die beiden obigen Effekte mit in der Zufallsauswahl verwendet.

Gruß Frank

Such mal nach den Begriffen Gallery und Slider.
Nicht bei jedem Slideprogramm geht der Wechsel automatisch. Bzw. kann man den automatischen Wechsel abschalten.
Welches Plugin auch die Implementation von Videos unterstützt, weiß ich nicht. Schau dir aber mal das an. GRAND FIAGallery. Das Teil scheint auch Video zu unterstützen. - Ich kenne es aber nicht.

Gruß Frank

Hallo Grafixxer!

Geht bestimmt, aber ich habe mir da auch schon nen Wolf gesucht.
Anklickbares Kästchen gibt es dazu nicht. Wenn dann muß ein zusätzlicher Eintrag in eine NextGen CSS-Datei rein. - Der Bereich ist noch sehr erweiterbar.

Aber - die Effekte basieren ja auf jQuery Cycle Bei den gut dokumentierten Effekten gibt es ja auch die Möglichkeit der Geschwindigkeitsangabe (siehe obigen Link -> Speed).
Aber wie und wo man das integrieren muß, und wo NextGen Gallery den Bereich für die Slideshow integriert hat weiß ich auch nicht.

Ich habe deshalb zusätzlich JJNextGen JQuery Slider installiert.
Die Effekte basieren auch auf jQuery Cycle, und man kann z.B. die Bildergallerien von NextGen Gallery verwenden. - Und hier kann man auch die Geschwindigkeit des Slideeffektes einstellen. Nur die Doku dazu ist Grottenschlecht und in englisch.

Obigen Slider zusätzlich zu NextGen Gallery installieren.
Anschließend wird der Slider mit folgendem Code in meine Seiten eingebunden.

[jj-ngg-jquery-slider gallery="42" order="sortorder" effect="random" pausetime="20000" animspeed="1000" html_id="about-slider" width="600" height="600" center="1"]

Beschreibung der obigen Befehle:
jj-ngg-jquery-slider (ruft den Slider auf)
gallery="42" (Benutzt die NextGen Gallery mit der ID 42)
order="sortorder" (Benutzt die Reihenfolge der Bilder, wie man sie in NextGen Gallery sortiert hat)
effect="random" (Zufallsauswahl der Slideeffekte)
pausetime="20000" (Zeit in Millisekunden die gewartet wird, bis zum nächsten Bild gewechselt wird)
animspeed="1000" (Die Geschwindigkeit, mit der der Slideeffekt ablaufen soll - das suchst du ja)
html_id="about-slider" (Weiß ich nicht, ist aber scheinbar notwendig)
width="600" (Breite der Darstellung in Pixeln)
height="600" (Höhe der Darstellung in Pixeln)
center="1" (Zentrierung)

Und nun ein Beispiel wie es auf meiner Seite aussieht:
Klick hier

Gruß Frank

Ich habe mir mal im Browser den Quelltext anzeigen lassen.
Das ganze scheint doch mit NextGEN in Verbindung mit jquery realisiert worden zu sein. Aber ich verstehe zu wenig um das nachvollziehen zu können.
Vielleicht als Idee den Admin der Seite fragen?

Gruß Frank

<script type='text/javascript' src='http://forum.wpde.org/view-source:ht…ed.js?ver=1.3.3'></script> <script type='text/javascript' src='http://forum.wpde.org/view-source:ht…n.js?ver=2.9995'></script> <script type='text/javascript' src='http://forum.wpde.org/view-source:ht…min.js?ver=1.05'></script> <script type='text/javascript' src='http://forum.wpde.org/view-source:ht…in.js?ver=3.3.1'></script> <script type='text/javascript' src='http://forum.wpde.org/view-source:ht…ie.js?ver=3.3.1'></script> <script type='text/javascript' src='http://forum.wpde.org/view-source:ht…pt.js?ver=3.3.1'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://forum.wpde.org/view-source:ht…/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://forum.wpde.org/view-source:ht…wlwmanifest.xml" /> <meta name="generator" content="WordPress 3.3.1" /> <!-- <meta name="NextGEN" version="1.9.1" /> -->

Hallo Tobi!
Im Dashboard kannst du auf der linken Seite unter "Galerie / Galerie verwalten" deine Galerien auflisten.
Anschließend Doppelklick auf die entsprechende Galerie.
Rechts neben jedem Icon eines Bildes befindet sich die Spalte "Alt + Titel Text / Beschreibung"
Wenn du hier Text in den zweiten weißen Bereich einträgst, dann erscheint der Text unter dem Bild.
Eine Formatierung des Textes nach Kursiv, Fett, etc. ist meines erachtens nicht möglich. Auch ist mir nicht bekannt, ob man den Text rechts neben das Bild positionieren könnte.
Allerdings kenne ich mich auch nicht so gut in NextGen Gallery aus.
Vielleicht gibt es einen Slider für NextGen, bei dem das möglich ist.
Ich selber behelfe mir so, daß ich den Text unter Adobe Photoshop Elements mit in das Bild einfüge.
http://www.kwirandt.de/bilderwelt/sym…gen/?show=slide
Das hat aber den Nachteil daß der Text nicht mehr als Text, sondern als Teil des Bildes vorliegt, und man deshalb über Suchmaschinen den Text nicht finden wird.

Vielleicht kennt jemand eine bessere Möglichkeit.

Gruß Frank

@ Andiy
Ich habe für das Problem jetzt folgende Notlösung gefunden.
Im Dashboard habe ich unter Galerie -> Optionen -> Galerie
Einen Haken unter "Slideshow verwenden" gesetzt.
In den beiden Feldern rechts daneben habe ich den englischen Text durch "[Zeige Bilder als 20 Sekunden Diashow]" und "[Zeige Bilder als Liste]" ersetzt.
In dem Reiter Galerie -> Optionen -> Slideshow
kannst du in den ersten 3 Einstellungen die Parameter für die Slideshow einstellen.
Da meine Bilder alle 600 Pixel breit sind, habe ich unter Standartgröße 600 x 800 eingestellt.
Dauer auf 20 Sekunden, und Fade Effekt (Überblendeffekt) auf ScrollDown.
Anschließend diese Einstellungen gespeichert.
Nun erscheint über der Thumpnailansicht der Text "Zeige Bilder als 20 Sekunden Diashow" als Link.
http://www.kwirandt.de/bilderwelt/sym…aubens-momente/
Klickt man auf diesen Link, dann laufen die Bilder als Slideshow ab, ohne dass nach jedem Bild die Seite mit dem Header neu positioniert wird, und man den Scrollbalken wieder runterziehen muß.
Die 20 Sekunden bis zum nächsten Bild kann man verkürzen, indem man in das aktuelle Bild klickt, dann wird gleich das nächste Bild angezeigt.

Gruß Frank

Hallo Leute!

NextGen Gallery bringt ja schon 8 Fade Effekte von "jQuery Cycle" standartmäßig mit.
Nun möchte ich gerne den Effekt "ScrollLeft" einbinden, der nicht standartmäßig in NextGen Gallery eingebunden ist.

Über den Editor habe ich das File "jquery.cycle.all.js" gefunden das alle Fade-Effekte zu beinhalten scheint, - wird aber als "inaktiv" angezeigt.
Wie kann ich das File aktivieren, oder in welchem File von NextGen sind die 8 Beispiel Fade-Effekte integriert (Fade, blindx, Blenden, ScrollUp, ScrollDown, Shuffle, Schüttel, Wischen) damit ich den Code von einem Effekt gegen den ScrollLeft-Effekt austauschen könnte um ihn zu benutzen?

Gruß Frank

Habe das Problem gelöst.

Ich hatte nur mal eine Icon-Gallerie auf eine einzelne Seite
eingebunden.

[nggallery id=11]

Dabei fiel mir auf, daß auch der Text "Zeige Bilder als 20 Sekunden
Diashow" angezeigt wurde.
Wenn ich den Code nun zentriere, dann wird auch die anschließende
Slideshow zentriert angezeigt.

<center>[nggallery id=11]</center>

siehe Link
http://www.kwirandt.de/bilderwelt/normalbilder/natur-lich/blaetter/

Das wird wohl ungefähr das sein, was Pero meinte.

Gruß Frank

Hallo Pero!

Wenn ich

<center>[slideshow id=11 w=600 h=1000]</center>

auf einer Single-Seite anwende, dann klappt es.
Ich möchte aber gerne, daß die User zwischen Slideshow und Thumbnail-Sicht wählen können.

Du schriebst, daß ich "center" auch um das div machen könnte - wenn ich nur wüßte, wo sich das befindet?
Ich habe mir mal den Quelltext von einer Seite anzeigen lassen, und habe folgende Einträge gefunden...
...wahrscheinlich befinden die sich in irgend einem File von NGG.
In der Style.css sind sie jedenfalls nicht zu finden.

<div class="entry-content"> <p style="text-align: center;"> <div class="ngg-galleryoverview" id="ngg-gallery-24-1225"> <!-- Slideshow link --> <div class="slideshowlink"> <a class="slideshowlink" href="/bilderwelt/normalbilder/schattenwelt/?show=slide"> [Zeige Bilder als 20 Sekunden Diashow] </a> </div>

Gruß Frank

Hallo infected!

Sorry, klappt leider auch nicht.
Ich vermute mal, das hängt damit zusammen, daß der Seite irgendwie "übergeordnet" ein Format aufgezwungen wird das ich in einer anderen CSS (evtl der Style.css) ändern muß, oder einer CSS von NGG Gallery, in der der Text "Zeige Bilder als 20 Sekunden Diashow" eingetragen wird.

Ich habe so einen Fall schon mal gehabt, das ich ums Verrecken nicht hinbekommen habe, bei einzelnen Tabellen den Rahmen sichtbar zu machen.

Gruß Frank

Hallo Leute!

Wie kann ich die Slideshow-Funktion von NGG Gallery zentrieren?

Siehe Link:
http://www.kwirandt.de/bilderwelt/nor…ter/?show=slide

Meine Homepage basiert auf Theme Twenty Ten, und ich verwende verschiedene Seitentemplates.

Um das Starticon zu zentralisieren ersetzte ich in der "Black Minimalism Theme"

Im Bereich
.ngg-gallery-thumbnail-box

den Eintrag
float:left;

durch
margin-left:380px;

siehe Link:
http://www.kwirandt.de/bilderwelt/nor…-lich/blaetter/

Und um das Bild des Imagebrowsers zu zentralisieren

fügte ich im Bereich
.ngg-imagebrowser img

folgenden Eintrag hinzu
margin-left:135px;

siehe Link:
http://www.kwirandt.de/bilderwelt/nor…aetter/?pid=199

Nur bei der Slideshow-Funktion scheint das nicht zu klappen.
Folgende Einstellungen dazu fand ich in der "Black Minimalism Theme"

/* ----------- Slideshow -------------*/
.slideshow {
margin-left:auto;
margin-right:auto;
text-align:center;
outline: none;
}

weder
margin-left:center;
margin-right:center;

noch

margin-left:135px;

hatten irgend eine Auswirkung.
Weiß jemand, wo ich was ändern muß?
Ich vermute, das hängt mit dem Link über dem Bild zusammen das ich in einer anderen CSS was ändern muß - aber wo?

Gruß Frank

Hallo Wiesel2002

Ich mußte da auch (als Neuling) Nachhilfe bekommen. (und bin es noch) ;-)
Man kann in Nextgen keinen Text formatieren.
In blank HTML kann man ja angeben, welche Schriftfamilie (oder einzelnen Schriften) benutzt werden sollen. - Diese müssen dann aber in dem Browser, den der Betrachter verwendet auch vorhanden sein.
Ist die Schrift- oder Schriftfamilie nicht vorhanden, wird die Standartschrift des Browsers verwendet. Das birgt die Gefahr, das deine Homepage auf einem Browser der die Schrift nicht hat, bescheiden aussieht, weil er seine Standartschrift verwendet.
Ob diese Art der Schriftangabe man auch in Nextgen machen kann, entzieht sich meiner Kenntnis (wahrscheinlich nicht).
Man kann auch keinen Zeilenumbruch oder fett, kursiv oder ähnliches in Nextgen machen (zumindest habe ich nichts für den Text unter dem Bild gefunden).

Da ich einen einheitlichen Style für meine Homepage haben wollte, und auch unter viele Bilder Texte schreiben wollte, habe ich den Text in das Bild integriert. - Der Text ist also Bestandteil des Bildes.
Dazu verwende ich Photoshop Elements 9.

Kurze Step-by-Step Anleitung.
- nehmen wir an, das Bild ist 600 x 450 Pixel groß...
Dann erstelle ich eine neue leere Seite die z.B. 600 x 600 Pixel groß ist.
Anschließend klebe ich als Ebene das Bild ein.
Unter dem Bild bleibt also eine freie weiße Fläche von 600 x 150 Pixeln.
Als zweite Ebene klebe ich ein farbiges Quadraht ein, das die selbe beige Farbe wie der Hintergrund meiner Homepage hat.
Diese Ebene positioniere ich unter das Bild - die Beige Fläche ist aber so groß, wie die gesamte Fläche 600 x 600, sa daß der weiße Teil unter dem Bild nun beige ist.
Auf eine dritte Ebene (über dem beigen Untergrund) schreibe ich mit dem Textwerkzeug den entsprechenden Text mit einer Punktgröße von 18 Punkt.
Wenn ich fertig bin, und es ist noch unter dem Text zu viel unbenutzter Raum, dann schneide ich das Gesamtbild auf eine passende Größe z.B. auf 600 x 532 aus.
Anschließend exportiere ich das ganze nach JPEG.
Da JPEG keine unterschiedlichen Ebenen kennt, wird alles Sichtbare zu einer Ebene zusammengefasst
Das Original speichere ich zusätzlich als PSD-Format (Photoshop-Format) ab, weil dann sämtliche Ebenen erhalten bleiben, und ich nachträglich Änderungen leichter durchführen kann.
- Diese PSD-Dateien können aber leicht 80 MB oder mehr groß werden.

Der Nachteil der oben beschriebenen Methode ist, dass der Text nicht mehr als plain Text, sondern als Teil der Grafik vorliegt.
Das bedeutet, dass dieser Text nicht dazu genommen werden kann, damit die Homepage besser durch Suchmaschinen gefunden werden kann. - Mir war aber der einheitliche Style wichtiger.

Gruß Frank

Die Fragen zum Imagebrowser kann ich evtl. beantworten

Eine Einstellung habe ich hier auch nicht gefunden, ich ändere es immer direkt in der CSS-Datei ab. Hat aber den Nachteil, dass nach jedem Update die Einstellungen wieder neu gemacht werden müssen.

--------------------------------------------------------------------

step by step (Imagebrowser zentrieren)

Links im Dashboard klicke auf "Galerie".
Anschließend auf "Style"
Nun erscheint auf der rechten Seite im CSS-Editor das Stylesheet "Black_Minimalism.css", das ich verwende.

Nun suchst du den Bereich
.ngg-imagebrowser img {
Abhängig von der Vorlage füge ich hier bei mir noch folgenden Eintrag ein
margin-left:135px;

Bei 135 Pixeln wird der Imagebrowser vom linken Rand nach rechts gerückt, was bei mir ungefähr die Mitte ist - kann sein, dass du den Wert bei dir anpassen mußt.

--------------------------------------------------------------------

step by step (Imagebrowser verkleinern)
Ich verwende generell Bilder mit einer einheitlichen Breite von 600 Pixeln wobei aber die Höhe der Bilder variiert.
Damit der Imagebrowser die Bilder nicht immer scaliert ändere ich folgenden Eintrag ab.

(Auch wie oben Stylesheet "Black:Minimalism.css")
(Auch wie oben Bereich ".ngg-imagebrowser img {")

alter Eintrag:
width: 100%;

austausch gegen:
width: 600 px;

--------------------------------------------------------------------

Hier noch ein Beispiellink, wie das bei mir aussieht.
http://www.kwirandt.de/bilderwelt/nor…blicke/?pid=328

Gruß Frank

Zitat von Andiy

Sehr schickes Addon allerdings würde ich mir eins für die Zukunft wünschen:

Wenn man ein Bild anklickt und es wieder weg klickt, springt die Seite nach ganz oben und man muss wieder runter scrollen wo man war. Sehr unpraktisch. Ansonsten Daumen hoch!

Ja, das Problem habe ich auch.
Wenn man einen grossen Bildschirm hat, tritt das ja nicht auf, aber wenn man wie ich die Seite oftmals mit einen 10 Zoll Subnotebook administriert, ist es schon ein wenig nervig wenn man nach jedem Bild immer ein bischen nach unten scrollen muß. Bis der Header der Homepage verschwindet.
Siehe hier...
http://www.kwirandt.de/bilderwelt/sym…omente/?pid=306
Vielleicht kann man ja so was wie bei Ankerlinks realisieren.
Wenn man sich das nächste Bild anschaut, daß der obere Rand des Bildes gleich zum oberen Rand des Browserfensters spingt.

Gruß Frank

Die Grundidee finde ich recht gut.
Ich hatte so was auch schon realisiert, indem ich ein Bild mit meiner Unterschrift abgespeichert hatte, und wo immer ich es gebraucht hatte es eingefügt hatte.

Evtl. eine hilfreiche Anmerkung...

Ich habe mir mal die erstellten Bilder angeschaut...
...die werden immer als JPEG abgespeichert - das macht aber bei so etwas keinen Sinn, weil JPEG immer die komplette Farbtabelle (16,7 Mio. Farben) mit abspeichert auch wenn diese nicht gebraucht wird.
Dazu benötigt noch die Kompession und Dekompression des JPEG-Bildes auch noch viel Zeit. Z.B. wird (über den Daumen gepeilt) für ein 1 MB großes JPEG-Bild ca. 5 MB an Arbeitsspeicher für die Kompression bzw. Dekompression gebraucht.
Sinnvoller wäre es, wenn du anstelle JPEG das GIF-Format nehmen würdest. GIF kann maximal eine Farbtabelle von 256 Farben abspeichern (weniger geht auch). Solche Bilder (keine Fotos) sind dadurch meistens kleiner von der Dateigröße her, als JPEG und sind schneller erstellt.
Einige schreiben, dass es ewig nach dem Senden dauert (weil danach ja das Bild aus den Daten erstellt wird) - das müsste dann mit GIF schneller gehen.

Ich habe mir mal eines der Bilder 16 kByte (groß) runtergeladen und anschließend nach GIF mit 256 Farben konvertiert. Das Bild war danach nur noch 8 kByte groß.

Als Beispiel:
Schau mal den Schreibschrift-Text von folgendem Link an.
Der ist als GIF-Bild abgespeichert mit 16 Farben (4 BitsPerPixel)
und hat eine Bildgröße von 600 x 296 Pixel bei 24,31 kByte unkomprimiert.
http://www.kwirandt.de/bilderwelt/sym…/weisse-bohnen/

Gruß Frank

Schau dir mal das an, so ähnlich was du willst.
Wenn es dir nicht gefällt, such mal nach "Tooltip" bei den Pugins.

So, habe jetzt mit Hilfe das richtige Plugin gefunden.
Das Plugin heißt "WordPress Tooltip" von Muhammad Haris
Mit der Maus auf das rote Wort "Kommentar" gehen...
http://www.kwirandt.de/?page_id=21#extpredigt

Gruß Frank

So, habe jetzt mit Hilfe das richtige Plugin gefunden.
Das Plugin heißt "WordPress Tooltip" von Muhammad Haris
Mit der Maus auf das rote Wort "Kommentar" gehen...
http://www.kwirandt.de/?page_id=21#extpredigt

Gruß Frank

Zusätzliche Plugins habe ich nicht installiert.
Die Thumbnails habe ich auf eines reduziert, damit nicht alle Bilder schon durch das Minibild "verraten" werden - damit die Überraschung größer ist.
http://www.kwirandt.de/?page_id=870

Die Bilder selber und die Ausgabe durch Nextgen habe ich auf 600 Pixel Breite festgelegt. - Diese Bildgröße finde ich recht angenehm.
http://www.kwirandt.de/?page_id=870&pid=211

Zu kämpfen hatte ich mit der Zentralisierung der Thumbnails und der Bilder bei meinen verwendeten Seiten-Templates.

In der Datei Black_Minimalism.css mußten folgende Einträge verändert / hinzugefügt werden (abhängig vom verwendeten Seiten-Template).

Auswirkung: Bild auf 600 Pixel begrenzen
Abschnitt: .ngg-imagebrowser img
width: 100%
austauschen gegen
width: 600px

Auswirkung: Bild zentrieren
Abschnitt: .ngg-imagebrowser img
zusätzlich hinzufügen
margin-left:135px

Auswirkung: Thumbnail zentrieren
Abschnitt: .ngg-gallery-thumbnail-box
float: left;
austauschen gegen
margin-left:380px;

Da ich nicht mit dieser Kind-Methode arbeite (oder wie das heißt) muß ich die obigen Einstellungen nach jedem Update immer wieder neu eintragen.

Gruß Frank