[de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

marymi · 2009-07-13 13:54:01

liebe forumsmitglieder,

ich möchte in meine mit txp erstellten seite eine bildergalerie einbauen. nach recherche bin ich auf slimbox2 gekommen. [http://awasteofwords.com/article/bildergalerie-mit-textpattern-lightbox-und-upmimage hab ich gelesen, find ich aber irgendwie kompliziert].

meine fragen, auf die ich nirgendwo antworten finden kann oder ich nicht sicher bin, ob ich das richtig verstanden hab:

1) wenn ich slimbox2 verwenden möchte, brauche ich auch jquery?
2) WAS genau ist das: jquery? muss ich da irgendwas runterladen und installieren?

3) slimbox2 liegt entpackt auf meinem rechner. was mache ich nun damit, also wie genau integrier ich das in txp auf meinem server – einfach die dateien hochladen, die css-dateien in meinen bereits dortvorhandenen werfen?

vielleicht kurz, worum es mir geht: ich möchte eigentlich nur, das auf klick auf eines der fotos, die ich in der webseite integriere, dieses gross wird und man dann über “weiter” die galerie anschauen kann. also wie üblich (zb bei http://www.tajloro.com/, bild anklicken und dann kommt das, was ich gestalterisch umsetzen möchte)

danke für Eure hilfe!
miriam :)

Last edited by marymi (2009-07-19 22:14:33)

GugUser · 2009-07-13 14:44:16

Wie Slimbox intergriet wird, ist auf der Slimbox-Website Schritt für Schritt erklärt.

jQuery kann von der jQuery-Website herunter geladen werden.

Slimbox gibt es in zwei Versionen, die eine braucht jQuery, die andere Mootools. Das kommt drauf an, welches du bevorzugst (bei der von dir oben angegebenen Website wird Mootools verwendet).

Ich benutze es so, dass ich auf dem Server im selben Verzeichnis, wo auch der Ordner ‘textpattern’ liegt, je einen Ordner ‘css’ und ‘js’ anlege. Die CSS-Dateien kommen dann in ‘css’ und die Javascript-Dateien in ‘js’.

Danach sind im HTML nur noch die entsprechenden Verweise nötig, so wie in der Anleitung zu Slimbox beschrieben.

Last edited by GugUser (2009-07-13 15:40:04)

Wanderer · 2009-07-13 15:35:55

Vor einiger Zeit war schon mal einer etwas schwer von Begriff. ;-)

Slimbox in Textpattern integrieren

marymi · 2009-07-13 17:11:35

den hab ich selbstverständlich vorher gelesen, den artikelbaum ;) aber irgendwie hat mir der aktuell nicht wirklich weitergeholfen, daher hab ich nochmal neu gepostet… ich bin sozusagen im stadium davor ;)

GugUser · 2009-07-13 17:46:02

marymi schrieb:

den hab ich selbstverständlich vorher gelesen, den artikelbaum ;) aber irgendwie hat mir der aktuell nicht wirklich weitergeholfen, daher hab ich nochmal neu gepostet… ich bin sozusagen im stadium davor ;)

Da verstehe ich nun grad gar nichts …

marymi · 2009-07-14 11:00:52

macht nix, ich probiers einfach so aus, wie Du beschrieben hast und schau, ob ich klarkomme… :) (sorry, ich arbeite mich grad parallel wieder neu in designprogramme, css, und dann noch textpattern ein – ist 8 jahre her, das ich in diesem bereich gearbeitet hab und mir raucht der kopf ;) )

danke!
grüße, miriam

GugUser · 2009-07-14 13:19:07

marymi schrieb:

(…) ist 8 jahre her, das ich in diesem bereich gearbeitet hab und mir raucht der kopf ;) )

In diesen acht Jahren hat sich viel verändert! Aber, du hast ja doch schon mehrere Websites hingekriegt … Slimbox ist sicher eine gute Wahl (ich benutze es jedenfalls bevorzugt), ebenso würde ich eher jQuery empfehlen, da es, falls CSS bekannt ist, auf einfach zu handhabende Weise auch sonst noch viel bietet.

kai · 2009-07-14 17:40:31

@ marymi
Du musst jQuery nicht runterladen, da es bereits im Ordner “textpattern” vorhanden ist (jquery.js).

marymi · 2009-07-15 14:10:03

aah, gut (jquery) :) die fotogalerie bau ich erst zum schluss, wollte mich aber schon mal vorinformieren, danke für Eure antworten! und den plugintipp guguser :)

GugUser · 2009-07-16 01:09:21

kai schrieb:

(…) musst jQuery nicht runterladen, da es bereits im Ordner “textpattern” vorhanden ist (jquery.js).

Ich habe diesbezüglich Zweifel – die vielleicht nicht zutreffen -, ob das gut ist, jQuery so zu benutzen:

In der aktuellen TxP-Version befindet sich ein nicht mehr aktuelles jQuery. Welche Folgen hat das auf z. B. eventuell davon abhängige Plug-Ins, wenn man dort die alte durch die neue jQuery-Version ersetzt?
Ist das unbedenklich, aus der Website heraus auf das Verzeichnis ‘textpattern’ zu verweisen? Oder ist das eine Einladung an eventuelle Hacker, oder wissen die sowieso schon, wo der empfindliche Teil des CMS liegt? Oder sehe ich das zu überspitzt?

Weiss jemand mehr dazu?

marymi · 2009-07-19 18:25:59

Ich habe jetzt smd-gallery und slimbox installiert – aber so ganz funktionierts noch nicht: anscheinend werden meine bilder nicht gefunden. liegts an der url?

webseite um die es konkret geht: http://www.claudia-freimuth-consulting.de/reisebegleitung_groenland

seitenvorlage sieht so aus:
im head u.a.:
<script type=“text/javascript” src=“js/jquery-1.3.2.min.js”></script>
<script type=“text/javascript” src=“js/slimbox2.js”></script>

im contentbereich ist neben dem normalen text der bildergalerie tag:
<txp:smd_gallery category=“groenland_web” sublevel=“all” form=“BilderGalerie” wraptag=“ul” break=“li” onchange=“category_title” onchangewraptag=“h3” sort=“category desc” />

und der baustein dazu (BilderGalerie) sieht wie folgt aus:
<a rel=“lightbox-groenland_web” href=“images/import/groenland_web/58_schiff_fullsize.jpg” alt=“Reisebilder Grönland” title=“Reisebilder Grönland” height=“80px” width=“80px” <txp:thumbnail id=“495”> /></a>

alle bilder liegen im verzeichnis: images/import/groenland_web

weiss jmd woran es liegt, das browser zwar anscheinend die tags erfolgreich übernimmt aber die bilder selbst nicht darstellt?

GugUser · 2009-07-19 19:17:04

Ohne eine vertiefte Analyse sehe ich folgende, ins Auge springende Fehler:

Vor dem js/jquery und dem js/slimbox muss je ein / hin, falls sich diese Verzeichnisse im Wurzelverzeichnis befinden und .htaccess den Pfad von der Wurzel aus definiert, sonst die volle Adresse, mit z. B. src="<txp:site_url />js/slimbox2.js"

Die Bilderliste ist unvollständig. Es wird immer Bild 58 angegeben, es gibt kein Thumbnail, es fehlt am Schluss, vor </li> das schliessende </a>.

Das muss anders gelöst werden, kenne aber den Umgang mit smd_gallery (noch) nicht.

Immer dieselben alt-, title-, height- und width-Attributte geben keinen Sinn. Was in title steht wird dann in der Vergrösserung mit Slimbox sichtbar, sollte also auf jede Foto abgestimmt sein. Die Abmessungen der Thumbnails würde ich per CSS angeben. Aber eben, die Fotos, die du mit 80 × 80 Pixeln definierst sind ja “58_schiff_fullsize.jpg”.

Ich bekomme bei der Seite 1275 Warnungen.

Last edited by GugUser (2009-07-19 21:20:51)

marymi · 2009-07-19 19:46:28

habe die adressangaben geändert, danke… ich habe den source aus dem posting welches hier schon genannt wurde. hab auch ausprobiert die angaben alt etc wegzulassen, ändert nix. thumbnails gibts jetzt, hab ich grad alle erstellt – für das erwähnte thumbnail id 495 gabs auch schon vorher eines…

was mir dabei nicht klar ist, wieso ich eine thumbnail id angebe und ein foto aus dem verzeichnis – wo ich doch aber alle fotos und daher auch alle thumbnail ids zeigen will und deshalb ja auch die kategorie und kein einzelnes bild mit “rel=“lightbox-groenland” angebe…

GugUser · 2009-07-19 19:56:48

Also ich sehe unter Grönland 2007 keine weiteren Fotos.

Zur JS-Einbindung. Du hast nun:

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<txp:site_url /><txp:site_url />js/slimbox2.js"></script>

Das sollte aber so sein:

<script type="text/javascript" src="<txp:site_url />js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<txp:site_url />js/slimbox2.js"></script>

Ich habe mir smd_galery angeschaut. Das wäre für mich ein Mosnter, weil es zu viel kann.

Ich habe noch nie eine Galerie gemacht, in der Fotos aus einer entsprechenden Kategorie aufgelistet werden sollen, aber mir scheint, dass das mit wet_for_each_image um einiges einfacher zu machen wäre:

<txp:wet_for_each_image category="fotokategorie" wraptag="ul" break="li" >
<txp:thumbnail id="{id}" link="1" link_rel="lightbox-cat" />
</txp:wet_for_each_image>

Last edited by GugUser (2009-07-19 21:31:08)

jakob · 2009-07-19 21:15:42

GugUser’s Hinweis ist richtig, enthält aber eine kleine Tippfehler: es heißt <txp:site_url /> , also txp nicht txt:…

Dein Form-Baustein für smd_gallery is nicht ganz richtig vom Syntax her und enthält außerdem feste Angaben, weshalb sie alle gleich sind. Es soll in etwa wie folgt aussehen:

{onchange:category_title}
<a rel="lightbox-{category}" href="{url}" alt="{alt}"
     title="{title}" height="{height}" width="{width}">
 <txp:thumbnail id="{id}" />
</a>

Ich weiß nicht wie Du deine Bilder verwaltest, wenn sie in der Unterordner /import/groenland_web/ sind. Sowohl smd_gallery als wet_for_each_image verwenden standardmäßig die Angaben vom Datenbank, und da werden Bilder umbenannt und in der /images/ ordner gestellt. smd_gallery hat zwei experimentelle Attribute directory="" und match="..." um Bilder aus ein Verzeichnis zu beziehen, aber ich habe dies selbst nie probiert. Möglicherweise musst Du dein {url} und thumbnail-link anders konstruieren, wenn Du Bilder aus eine Verzeichnis beziehst – siehe die Help in smd_gallery.

Textpattern CMS

Textpattern CMS support forum

#1 2009-07-13 13:54:01

[de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#2 2009-07-13 14:44:16

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#3 2009-07-13 15:35:55

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#4 2009-07-13 17:11:35

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#5 2009-07-13 17:46:02

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#6 2009-07-14 11:00:52

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#7 2009-07-14 13:19:07

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#8 2009-07-14 17:40:31

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#9 2009-07-15 14:10:03

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#10 2009-07-16 01:09:21

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#11 2009-07-19 18:25:59

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#12 2009-07-19 19:17:04

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#13 2009-07-19 19:46:28

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#14 2009-07-19 19:56:48

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

#15 2009-07-19 21:15:42

Re: [de-de] {gelöst ;)} Installation/Integration Bildergalerie (slimbox2)

Board footer