Tutorial: Template erzeugen (Fractionsslider)

[Uwe367]

Ich glaube nicht daß hier jemand "böses Blut" möchte, aber eine sachliche Diskussion über pro und contra darf doch wohl noch geführt werden

[Oliver Georgi]

Ich hatte es kurz angerissen, Problem ist, dass so etwas supportet werden muss. Ich kann und will das nicht leisten, Breitschs Modul ist ein guter Ansatz. Ansonsten existieren die Standard Bildergalerien des CMS. Ich veröffentliche aber noch einen guten universellen Slider, dessen Freigabe dafür ich vom Kunden erhalten habe.

[Old Boy]

Oh, das hör sich ja gut an

[Uwe367]

Jepp.. das klingt gut und ich bin gespannt

[Oliver Georgi]

https://github.com/slackero/phpwcms-ext ... Sel-slider

[Uwe367]

Besten Dank Oliver
Schöne Weihnachten dir.

[Old Boy]

Auch von mir, besten Dank!

Funktioniert wunderbar und obwohl ich bereits diesen Slider im Einsatz hatte, konnte ich trotzdem beim "Lesen" der Templates eine Menge Neues lernen. Beispiel sind also IMMER sinnvoll!

[breitsch]

Ich weiß schon was ich will, wenn alle an einem Strang ziehen und den Bogen dabei nicht überspannen, kommt bestimmt eine gangbare Lösung zustande!

Das, was "breitsch" uns zur freien Nutzung hingelegt hat, ist eine Sache. Wenn ich PHP-Programmierer wäre, hätte ich das auch versucht hinzulegen...

Ich habe mit breitsch schon vor längerer Zeit Kontakt aufgenommen. Allerdings scheint er ein reisefreudiger User zu sein. Leider hat er sich noch nicht wieder gemeldet...

das stimmt so nicht ganz! Ich bin viel unterwegs, ja, nehme mir aber für PHPWCMS immer noch oder trotzdem noch viel Zeit

Vielleicht legen wir zusammen?

reiner Harfenklang!

[kukki]

Seit heute früh bastel ich an eine "simplen Lösung" für HTML-Charakter-Ausgaben im Template. Die PHP-Run-Version ergibt bei

Code: Select all

<? echo "data-in=""
data-ease-in=""
data-position=""
data-time=""
data-delay="500""; ?>

... die richtige Anzeige von

Code: Select all

data-in="" data-ease-in="" data-position="" data-time="" data-delay="500"

Ich habe diese HTML-Notationen in der Variablen {CAPTION} beim Template IMAGESPECIAL eingefügt und nach einigen Versuchen bin ich verzweifelt, denn die Quelltextausgabe ergibt immer (auch mit HTML-Special-Charakter-Tags siehe Bild)

Code: Select all

data-in=""
data-ease-in=""
data-position=""
data-time=""
data-delay="500"

Wie wird diese Anzeige im Template richtig formatiert?

Code: Select all

<!--IMAGES_ENTRY_START//-->
	<div class="slide" id="fslider{IMGID}">

	<img src="{IMAGE_REL}" alt="" {CAPTION} />
	</div> ....

Mit "[PHP]" funktioniert es nicht, ebenso nicht mit "<?". Ich benötige an dieser Stelle im Backend die EIngabe wichtiger Parameter für den Slider, was muss man tun, um diese Angabe auch so im Quelltext zu haben

[Oliver Georgi]

Keine Chance, es so zu lösen. Das ist kein optimaler Weg. Ohne zusätzliches Coden kommst Du hier nicht weiter.

[kukki]

Dann sei doch bitte so gut und hilf mir/ uns an dieser Stelle weiter bzw. zeig uns den optimaleren Weg
Könnte das mit der jQuery-Methode funktionieren?

Code: Select all

 .html( function(index, oldhtml) )

[Oliver Georgi]

Der .html() Ansatz ist es nicht. Es gibt unterschiedliche Lösungswege. Da ich nur erahnen kann, was Du machen möchtest und dies grundsätzlich über meine zeitlichen Möglichkeiten hinausgeht, kann ich Dir nicht befriedigend weiterhelfen.

[kukki]

Ich will nichts weiter, als dass die Angaben in {CAPTION} anstatt " ein doppeltes, anstatt &#039 ein einfachen Hochkomma enthält,
so dass dort beliebige "data-xxx=" Notationen wie folgt stehen können- ohne dass die doppelte oder einfache Hochkommata als Uni-Code dastehen, das ist alles :
Eine einfache/ simple Lösung und schon sieht die ganze Sache gut aus.

Code: Select all

data-in='scrollRight'
data-ease-in=""
data-position="0,0"
data-time="1"
data-delay="500"

[Oliver Georgi]

Kompakter:

Code: Select all

scrollRight: :0,0:1:500

Übernahme:

Code: Select all

<img src="{IMAGE_REL}" alt="" data-slideoption="{CAPTION}" />

Dann entsprechendes jQuery oder eben Frontend Render, um das wiederum zu zerlegen und als die von dir benötigten data-foo Attribute zu übernehmen.

Allerdings würde ich den ALT-Teil der Bildunterschrift benutzen. (Caption | Alt | …)

Code: Select all

<img src="{IMAGE_REL}" alt="" data-slideoption="{ALT}" />

[kukki]

Habe ich begriffen - und klingt auch erst einmal einfach.
Aber - warum mit dem {ALT}-Element?
Und für mich ist es außerdem wichtig, die augenscheinlich hohe Variablität in {Caption} beizubehalten, es soll keine feste Abfolge von data-Parametern vorliegen, wie ich es mit [scrollRight: :0,0:1:500] vorgeben würde. Es ist doch fix ein data-Parameter eingefügt, gelöscht oder geändert, vor allem bei diesen riesigen Menge an Parametern, die einige Layerslider mitbringen. Handarbeit bleibt es an dieser Stelle sowieso, die u.U auch von einen Fachlaien durchgeführt werden kann.
Aber richtig laufen wird es nur, wenn der Unicode umgewandelt wird Und da liegt auch der Hase begraben - gehts mit einer jQuery-Methode