Re: [de-discuss] [web] Bilder-Po pup für Screenshots (colorbox)
Hallo Christian, *,
On Sat, Nov 20, 2010 at 02:48:12AM +0100, Christian Lohmaier wrote:
2010/11/19 Thomas Hackert thack...@nexgo.de:
On Fri, Nov 19, 2010 at 05:54:22AM +0100, Christian Lohmaier wrote:
2010/11/19 Thomas Hackert thack...@nexgo.de:
On Thu, Nov 18, 2010 at 08:00:39PM +0100, Christian Lohmaier wrote:
http://pumbaa.ooodev.org:7780/colorbox/
Es geht nicht um die Screenshots, die dort gezeigt werden, sondern um
die Technik mit der sie angezeigt werden.
O.K., dann wäre das keine Debatte für mich. Technik ist nicht so
mein Ding ... ;)
Naja. Technik im Sinne von: Was der User im Endeffekt zu sehen bekommt
und wie der Content-Ersteller damit Umgehen muß.
O.K.
Was colorbox prinzipiell kann steht hier: http://colorpowered.com/colorbox/
Die Seite war für mich als „Außenstehender“ aber schon zu technisch.
Ich hab’ ja nur rudimentäre HTML-Kenntnisse (die ich auch erst
wieder richtig auffrischen müsste), kenne JS nur vom Namen etc. ...
:( Das einzige, was ich aus der Seite beim flüchtigen Überfliegen
rausgelesen habe ist, dass es JS-Code ist, MySQL, einen Webserver
und PHP benötigt. Bei „JQuery“, „JSLint“, „Ajax“ (was ich auch nur
vom Namen her kenne ... ;) ) oder gar „iframed content“ hast du bei
mir nur ein paar Fragezeichen über dem Kopf ... :(
(und die Optik kann man per css natürlich auch anpassen)
Auch damit kenne ich mich bisher nicht aus ... :(
Die Hauptfrage ist von meiner Seite im Augenblick:
Reicht es aus, wenn man einen Ordner auswählen kann und ggf eine
checkbox rekursiv anhakt und dann eine Seite mit
frei bestimmbarer Text
Bilderthumbnails
bekommt?
MMn ja. Was meinen die anderen hier dazu?
Oder muß das anders umgesetzt werden (wenn ja, wie?)
Keine Ahnung, sorry ... :(
[...]
Oder wolltest du die Colorbox dann irgendwo (wenn ja, wo?) auf einer
Seite einbinden?
Hä? Was mehr einbinden, als auf der colorbox-Demo seite soll es denn
noch sein? Das, was man da sieht, sprich das popup ist Colorbox.
Ich meinte, ob du die Bilder, die jetzt z.B. in Colorbox zu sehen
sind, dann auch auf der Produktseite (mal als Beispiel) noch
einbinden wolltest.
Verstehe die Frage immer noch nicht. Die Bilder kommen aus einem
Ordner aus assets - dem Dateien Bilder Bereich des CMS.
Und nein, die in der Demo verwendeten Bilder würde ich so wie sie sind
nicht auf die echte Seite laden. Du hast ja selbst schon bemängelt,
daß die zu klein sind.
Ich meinte jetzt auch nicht die Bilder aus der Demo, sondern
allgemein ... ;) Ich weiß jetzt auch nicht, wie ich das genauer
beschreiben soll ... :( Mal als Beispiel die Produktseite von OOo:
Du hast dort ja zu jedem Modul beschreibenden Text und dann ein oder
mehrere Bildschirmfotos. Die sind ja – wie auf
http://de.openoffice.org/product/index.html – per img src=...
eingebettet. Jetzt würde mich mal interessieren, ob du beabsichtigst
dafür dann ColorBox benutzen willst (auf deren HP wäre das dann in
etwa
quote
$(#inline).colorbox({inline:true, href:#myForm});
/quote
, wenn ich das richtig interpretiere ... ;) Und wenn ich deren Seite
richtig verstanden habe, können dann ja auch Bilder in einer
HTML-Seite integriert werden, oder nicht?
Colorbox ist das, was man bekommt, wenn man auf eines der
Thumbnailbilder klickt.
Das war mir schon soweit klar ... ;)
Sprich das Diashow modul, bei dem man entweder per Mausklick auf das
angezeigte Bild, per Klick auf die Schaltflächen, oder mit den
Cursorseiten durch die BIlder blättern kann (oder automatisch, wenn
man die automatische Slideshow einschaltet)
O.K.
Das dort auch dann möglich wäre die Bilder
anzuklicken und sie vergrößert dargestellt zu bekommen.
Also Colorbox dort auch zum Greifen käme ... ;)
Na, noch ist mir nicht ganz klar, was Du meinst/was Deine Frage ist.
Klar stelle ich das zuerst mal auf pumbaa um Feedback zu sammeln.
Wenn die Leute sagen nee, so einen Mist brauchen wir nicht, dann
wirds runtergeschmissen. Aber wenn das Feedback dann ist ja, super,
will ich haben, am besten schon gestern, dann füge ich das auch auf
der echten Seite hinzu, und dann würde es dort genauso funktionieren
wie auf pumbaa.
Damit hast du mir schon die Frage beantwortet ... ;) Sorry, wenn das
eine schwere Geburt war ... :( Ich wusste einfach nicht, wie ich das
am Besten mit der richtigen Terminologie in Worte packen soll ... :(
Bis dann
Thomas.
--
You know, Callahan's is a peaceable bar, but if you ask that dog what his
favorite formatter is, and he says roff! roff!, well, I'll just have to...
--
E-Mail to discuss+h...@de.libreoffice.org for instructions on how to unsubscribe
List archives are available at http://de.libreoffice.org/lists/discuss/
All messages you send to this list will be publicly archived and cannot be
deleted
Re: [de-discuss] [web] Bilder-Po pup für Screenshots (colorbox)
Hallo Christian, *,
On Sun, Nov 21, 2010 at 02:11:39PM +0100, Christian Lohmaier wrote:
2010/11/20 Thomas Hackert hackertena...@googlemail.com:
On Sat, Nov 20, 2010 at 02:48:12AM +0100, Christian Lohmaier wrote:
2010/11/19 Thomas Hackert thack...@nexgo.de:
On Fri, Nov 19, 2010 at 05:54:22AM +0100, Christian Lohmaier wrote:
http://pumbaa.ooodev.org:7780/colorbox/
Was colorbox prinzipiell kann steht hier: http://colorpowered.com/colorbox/
[Seite zu technisch]
:( Das einzige, was ich aus der Seite beim flüchtigen Überfliegen
rausgelesen habe ist, dass es JS-Code ist,
Ja, genau.
O.K.
MySQL, einen Webserver und PHP benötigt.
Und das stimmt schon nicht :-)
Stimmt, da hab’ ich die Farbbox mit dem Silberstreifen verwechselt
... :(
jQuery (ebenfalls Javascript) wird benötigt, sonst nix.
O.K.
Reicht es aus, wenn man einen Ordner auswählen kann und ggf eine
checkbox rekursiv anhakt und dann eine Seite mit
frei bestimmbarer Text
Bilderthumbnails
bekommt?
MMn ja. Was meinen die anderen hier dazu?
Das ist die Preisfrage :-)
Scheint aber sonst Niemanden zu interessieren ... :(
[...]
Du hast dort ja zu jedem Modul beschreibenden Text und dann ein oder
mehrere Bildschirmfotos. Die sind ja – wie auf
http://de.openoffice.org/product/index.html – per img src=...
eingebettet. Jetzt würde mich mal interessieren, ob du beabsichtigst
dafür dann ColorBox benutzen willst (auf deren HP wäre das dann in
etwa
quote
$(#inline).colorbox({inline:true, href:#myForm});
/quote
Nee, nicht ganz. Das erste $(#inline) ist der von jQuery
bereitgestellte Element-Selektor - in dem Fall würdest Du das Element
mit der ID #inline auswählen.
O.K.
Was Du meinst ist wohl eher $(img.colorbox), das würde dann auf
alle a class=colorbox passen
Ich schrieb ja, dass mir das zu technisch ist ... ;)
Mal das Beispiel von der OOo-Seite http://de.openoffice.org/product/calc.html
a href=images/Calc_big.png title=Klicken fuuml;r
grouml;szlig;ere Version
img src=images/Calc_thb.png width=300 height=181 alt=Calc
style=float:right; margin:5px /
/a
Im img-Tag selber steckt die Info zum Originalbild nicht mit drin,
also gibt es drumherum einen Link zum großen Bild., sprich man kann
colorbox an den Link binden.
O.K.
Zum Rest des Kommandos:
colorbox({inline:true, href:#myForm});
paßt auch nicht ganz. inline:true bedeutet: Der Inhalt, der von
Colorbox angezeigt werden soll befindet sich schon im Quelltext der
aktuellen Seite - stimmt also nicht (wäre in dem Fall die Anweisung:
O.K., dann hatte ich das falsch verstanden. Ich dachte „inline“
würde dazu dienen die Bilder in die Seite einzubinden ... ;)
Zeige den Inhalt des Elements mit der id #myForm in einem
Colorbox-Fenster.
div style=display:none; //verseckt den Inhalt
div id=myForm//der inhalt hier würde von Colorbox angezeigt werden/div
/div
Ist dann das „myForm“ eine Variable, die vorgegeben ist?
Gebraucht wird bei a href=ziel tages nix weiter: colorbox() reicht
aus, dann wird ziel im Colorboxfenster geladen, mit den sonstigen
Standardeinstellungen.
O.K.
wäre as img src=thumbnail die Basis, dann müßte man
colorbox({href=funktion, die irgendwie den Link zur nicht-thumbnail
Version herausbekommt}) verwenden.
O.K.
Und das ist die Schwierigkeit dabei: Der Seitenbastler müßte für jedes
Bild einen entsprechenden Link zum Originalbild einfügen.
Arrgghhh ... Dann sehe ich schon Probleme auftauchen, wenn wir neue
Helfer akquirieren wollen ... :(
Silverstripe erstellt ja, wenn man ein Bild verkleinert entsprechende
Thumbnails und verlinkt diese. in einem img-Tag landet immer nur ein
Bild mit der Anzeigegröße, der Browser muß nie was skalieren.
O.K.
Mal einen Exkurs zur colorbox-Testseite auf Pumbaa:
a href=/assets/slides/scaled/hypocycloid-small.png
rel=colorboximg
src=/assets/slides/scaled/_resampled/SetRatioSize8080-hypocycloid-small.png
alt=hypocycloid-small.png //a
_resampled/SetRatioSize8080-name
Das Bild wurde im Code mit der Funktion SetRatioSize auf die
Entsprechende Größe gestaucht (max 80x80, aber Seitenverhältnis
beibehalten) und Silverstripe macht dafür den entsprechenden
Thumbnail.
O.K.
Bei einem manuell im Editor vergrößert/verkleinerten Bild wäre der
Name sowas wie
_resampled/resizedimage100133-name
Es wäre also möglich, ein _resampled/ zu entfernen (sprich
_resampled/alles bis einschließlich des ersten - rausschmeißen) und
so den originalen Link zu erhalten.
O.K.
Dann ginge es auch ohne zusätzlichen a-Tag drumherum. Aber auch nur,
wenn der Thumbnail ein automatisch generierter ist, wenn er extra
generiert wurde (Qualitätsgründe oder weil er einfach schon da war),
dann braucht man doch wieder von irgendwoher die Zusatzinformation.
Die dann der Editor/Autor in der Seite unterbringen müsste, oder?
Oder verstehe ich (immer) noch was falsch ;?
, wenn ich das richtig interpretiere ... ;) Und wenn ich deren Seite
richtig
Re: [de-discuss] [web] Bilder-Po pup für Screenshots (colorbox)
On Sun, Nov 21, 2010 at 03:10:01PM +0100, Christian Lohmaier wrote:
Hi nochmal,
auch von mir ... ;)
2010/11/21 Christian Lohmaier lohmaier+ooofut...@googlemail.com:
2010/11/20 Thomas Hackert hackertena...@googlemail.com:
On Sat, Nov 20, 2010 at 02:48:12AM +0100, Christian Lohmaier wrote:
http://pumbaa.ooodev.org:7780/colorbox/
Was Du meinst ist wohl eher $(img.colorbox), das würde dann auf
alle a class=colorbox passen
(natürlich falsch, paßt dann auf *img* class=colorbox ../ :-)
O.K.
Es wäre also möglich, ein _resampled/ zu entfernen (sprich
_resampled/alles bis einschließlich des ersten - rausschmeißen) und
so den originalen Link zu erhalten.
So z.B.:
$('img.colorbox[src*=/_resampled/]').colorbox({
maxWidth:90%, maxHeight:90%,
initialWidth: 100, initialHeight: 100, transition: elastic,
href: function(){return $(this).attr('src').replace(/_resampled\/[^-]+-/,
);}
});
auch zur Colorbox-Testseite hinzugefügt:
http://pumbaa.ooodev.org:7780/colorbox/
Besten Dank :)
Frage ist jetzt nur, ob das prinzipiell für alle Seiten möglich sein
soll (würde bedeuten, daß für jede Seite das colorbox.js und css
hinzugefügt wird, egal ob es tatsächlich verwendet wird oder nicht.
Oder ob das auf spezielle Colorbox Seitentypen beschränkt werden
soll.
Was verstehst du denn unter „spezielle Colorbox Seitentypen“? Was
wäre denn für dich/uns als Autoren einfacher zu handhaben?
Bis dann
Thomas.
--
I never pray before meals -- my mom's a good cook.
--
Unsubscribe instructions: E-mail to discuss+h...@de.libreoffice.org
List archive: http://de.libreoffice.org/lists/discuss/
*** All posts to this list are publicly archived for eternity ***
Re: [de-discuss] [web] Bilder-Po pup für Screenshots (colorbox)
Hallo Christian, *, On Fri, Nov 19, 2010 at 05:54:22AM +0100, Christian Lohmaier wrote: 2010/11/19 Thomas Hackert thack...@nexgo.de: On Thu, Nov 18, 2010 at 08:00:39PM +0100, Christian Lohmaier wrote: http://pumbaa.ooodev.org:7780/colorbox/ Meinungen? http://colorpowered.com/colorbox/ Gibt es bei Colorbox die Möglichkeit die Bilder größer dazustellen? Bei mir sehen die bei 1024x768 recht klein aus ... :( Das ist Originalgröße der Bilder - hochskalieren wäre möglich, aber nicht wirklich sinnvoll. Größe Beschränken macht colorbox (ist aktuell auf 85% des Browserfensters gesetzt) O.K. Paßt das, oder muß man die Bilder anders auswählen können? (wenn anders, wie wäre es gewünscht? Werden die Bilder – wie auf http://pumbaa.ooodev.org:7780/neupage-2-de-DE/ gelistet – in der Diashow angezeigt? Ja - das sind dieselben Bilder. O.K. (M)ein Gegenvorschlag – so das denn realisierbar ist ... ;) Na wenns nur die Reihenfolge ist, dann einfach die Dateinamen entsprechend wählen/durchnumerieren. Ich will’s ja erst einmal nur zu Debatte stellen ... ;) Wenn wir hier eine Übereinstimmung erreichen, können wir ja immer noch überlegen, welche Bilder in welcher Reihenfolge dort sein sollen ... ;) Es geht nicht um die Screenshots, die dort gezeigt werden, sondern um die Technik mit der sie angezeigt werden. O.K., dann wäre das keine Debatte für mich. Technik ist nicht so mein Ding ... ;) Und dann vielleicht die Seite auch mit den entsprechenden Überschriften und Bildbeschriftungen formatieren, damit dann ersichtlich ist, was da zu sehen ist ... ;) Überschrift ist einfach, davor kann man beliebig Text einfügen. Bei Bildbeschriftung wirds schon schwieriger - es gibt für die Dateien nur ein zusatzfeld - den Titel, also man hat als Info den Dateinamen und den Titel zur Verfügung, ein extra Beschriftungstext ist erstmal nicht vorgesehen. O.K. Wenn es ein extra Beschriftungstext sein soll, dann funktioniert die Methode mit dem automatischen Erstellen der Seite anhand eines ausgewählten Verzeichnisses nicht, dann müßte man sie alle manuell hinzufügen und die Beschriftung ebenfalls manuell eintragen. Hm, dann lassen wir das besser ... ;) Aber der Platz ist eh begrenzt, also könnte der Titel auch ausreichen. Warten wir mal ab, ob sich noch andere in die Debatte einklinken. Vielleicht halten ja die anderen nicht viel von meinem Vorschlag. Oder wolltest du die Colorbox dann irgendwo (wenn ja, wo?) auf einer Seite einbinden? Hä? Was mehr einbinden, als auf der colorbox-Demo seite soll es denn noch sein? Das, was man da sieht, sprich das popup ist Colorbox. Ich meinte, ob du die Bilder, die jetzt z.B. in Colorbox zu sehen sind, dann auch auf der Produktseite (mal als Beispiel) noch einbinden wolltest. Das dort auch dann möglich wäre die Bilder anzuklicken und sie vergrößert dargestellt zu bekommen. Also Colorbox dort auch zum Greifen käme ... ;) Ich hoffe, das ist jetzt verständlicher. Ich weiß leider nicht die Terminologie, die dafür benutzt wird, sorry ... :( Einen schönen Restabend noch Thomas. -- What soon grows old? Gratitude. -- Aristotle -- E-Mail to discuss+h...@de.libreoffice.org for instructions on how to unsubscribe List archives are available at http://de.libreoffice.org/lists/discuss/ All messages you send to this list will be publicly archived and cannot be deleted
Re: [de-discuss] [web] Bilder-Po pup für Screenshots (colorbox)
Moin Christian, *, On Thu, Nov 18, 2010 at 08:00:39PM +0100, Christian Lohmaier wrote: 2010/11/14 Christian Lohmaier lohmaier+ooofut...@googlemail.com: 2010/11/14 Volker Merschmann merschm...@gmail.com: Am 14. November 2010 15:28 schrieb klaus-jürgen weghorn ol o...@sophia-louise.de: @Christian: Haben wir im Silverstripe eine Art Bilder-Popup zur Verfügung, so daß man sich durch mehrere Screenshots blättern könnte? Hier hab ichs mal mit colorbox probiert: http://pumbaa.ooodev.org:7780/colorbox/ Meinungen? http://colorpowered.com/colorbox/ Ist wohl in der Menge der Mails untergegangen, aber ich wäre wirklich an Feedback interessiert. mir fehlte bisher die Zeit mich damit auseinander zu setzen ... :( Ist das so brauchbar/soll das so auf der tagsächlichen Seite landen? Gibt es bei Colorbox die Möglichkeit die Bilder größer dazustellen? Bei mir sehen die bei 1024x768 recht klein aus ... :( Funktioniert (bisher) so ähnlich wie die Folderpage der Box, sprich der Inhalt eines Verzeichnisses (und ggf. rekursiv der Unterverzeichnisse) wird (nachdem nur auf Bilder gefiltert wurde) auf die Seite gepackt Paßt das, oder muß man die Bilder anders auswählen können? (wenn anders, wie wäre es gewünscht? Werden die Bilder – wie auf http://pumbaa.ooodev.org:7780/neupage-2-de-DE/ gelistet – in der Diashow angezeigt? (M)ein Gegenvorschlag – so das denn realisierbar ist ... ;) – wäre, dass wir dort für den Splashscreen von LO ein Foto hätten, was als erstes dort erscheint, dann je Modul vielleicht noch ein oder zwei Bilder. Von der Struktur dann in etwa 1. Splashscreen 2. Startcenter 3. Writer Bild1 (vielleicht einfach nur ein leeres Dokument) 3a. Für Writer noch ein Bildschirmfoto mit was spezielleren wie einen fertig formatierten Brief, Buch o.ä. 4. Calc Bild1 (vielleicht wieder nur ein leeres Dokument?) 4a. Wie bei Writer mit was spezielleren (vielleicht die Fahrtkostentabelle?) ... Und dann vielleicht die Seite auch mit den entsprechenden Überschriften und Bildbeschriftungen formatieren, damit dann ersichtlich ist, was da zu sehen ist ... ;) Oder wolltest du die Colorbox dann irgendwo (wenn ja, wo?) auf einer Seite einbinden? Bis dann Thomas. -- NP: Universal Mind - City Universe -- E-Mail to discuss+h...@de.libreoffice.org for instructions on how to unsubscribe List archives are available at http://de.libreoffice.org/lists/discuss/ All messages you send to this list will be publicly archived and cannot be deleted
