Lightbox im CP Bilderwechsel?

[carnaunzincat]

Hallo und Guten Abend,

je mehr man sich mit phpwcms beschäftigt, um so spannender und interessanter wird das ganze. Bin schon fast süchtig.
Derzeit bin ich gerade dabei, die Bilder-CP's zu erforschen. Nun habe ich folgende Vorstellung:
Verwendet wird der CP "Bilderwechsel"
Ich möchte, wie auf dem Bild zu sehen, eine kleine "Galerie" einbauen. Mit nur drei "Kleinen Referenzbildern". Darüber das "Grosse Referenzbild". Beim mouseover über den thumbs wird das jeweilige grosse Bild angezeigt. Jetzt gibt es in dem CP die Möglichkeit, "Klick vergrößern" anzuhaken. Dann öffnet sich ein separates Fenster mit der Vollansicht. Aber ausgerechnet in diesem CP gibt es keine Lightbox. Wie kann man die nachträglich einbauen? (Hab schon gesucht und nicht gefunden, mir den Ordner inc_cntpart/reference/ angesehen, kein tmpl im Ordner inc_default gefunden, mir andere tmpl angesehen...)

[flip-flop]

Hallo,

es gibt ohne eine Erweiterung keine Möglichkeit das Bild in die LB zu schicken.

- Entweder du fragst Oliver ob er die Funktion für die LB einbaut,
- oder du schreibst dir einen Ersetzer der den generierten Quelltext des Systems aufgreift und verändert. Siehe dazu CP-trigger

- Die dritte Möglichkeit ist der Nachbau der Funktionalität in einem anderen CP, z.B. Bilder <div>. Das sollte klappen und ist eine reine Fleißarbeit.

Knut

[hausmeister]

hallo zusammen,

habe gerade diesen thread entdeckt. dazu viel mir spontan folgendes beispiel ein.
sehr schön gelöst, wie ich finde. den cp in diese richtung auf zu bohren wäre natürlich der hammer.

http://www.edenspiekermann.com/de/work/projects/enexis

gruesse
der hausmeister

[Oliver Georgi]

das ist relativ simpel
(wenn man mal 3 Minuten Zeit hat)

[pepe]

Ooooch... schade!


Aber vielleicht klappt's ja doch mal, so zwischendurch...

[hausmeister]

das ist relativ simpel
(wenn man mal 3 Minuten Zeit hat)

hi oliver,

für mich ist das leider nicht so simpel.
hast du einen anhaltspunkt für mich, wie ich starten könnte?
sorry. sehe gerade das du dich wahrscheinlich auf den hauptthread gemeldet hast.
gibt es denn für die im link gezeigte lösung auch was einfaches?

der hausmeister

[flip-flop]

Dazu brauchst du diesen CP nicht, sondern nimmst Bilder <div>- oder Spezial und schreibst ein entsprechendes Template.

Es muss sich nur mal jemand finden der das tut, also die Zeit investiert.

Knut

[Oliver Georgi]

mit Bilder <div> alleine ist es nicht getan - man braucht dann noch passendes JavaScript, dass da durchrennt und entsprechend verbiegt.

[flip-flop]

Das ist schon klar, aber eben mit diesem CP machbar. Es gibt doch fertige Strickmuster für solche Galerien, die dann eben eingefügt/angepasst werden können.

[hausmeister]

habe dazu folgendes gefunden:

http://www.phatfusion.net/slideshow/index.htm

das wäre mit sicherheit anpassbar, oder?
wenn ich es schaffe stelle ich das zur verfügung.

der hausmeister

[hausmeister]

habe dazu folgendes gefunden:

http://www.phatfusion.net/slideshow/index.htm

das wäre mit sicherheit anpassbar, oder?
wenn ich es schaffe stelle ich das zur verfügung.

der hausmeister

ich hätte das integriert. hat wer interesse?
soll ich das veröffentlichen?
ich kenne mich mit den ganzen lizenzen nicht aus.
darf ich das überhaupt einbinden in phpwcms und dann zur verfügung stellen?

gruesse
der hausmeister

[pepe]

Na das sieht doch gut aus: http://www.opensource.org/licenses/mit-license.php ,

solange du dich nicht als Copyrightbesitzer des verwendeten Codes machst.

Deine eigene Arbeit, das ist dann was Anderes.....

[update]

hat wer interesse?

Na Du bist gut Klar!

[G-Punkt]

ich hätte das integriert. hat wer interesse?

Ich würde mich auch sehr freuen, wenn Du die Integration veröffentlichen würdest...

Grüße
Michael

[hausmeister]

Hallo Zusammen,

ich versuch's mal:

1: Datei laden und an die entsprechenden Stellen legen. (Die Struktur der Dateien ergibt sich aus dem Download-Archiv)

http://rapidshare.com/files/250692942/p ... w.zip.html

2: Template erstellen > Im Header des Templates folgenden Code einfügen:

Code: Select all

<link href="template/inc_css/slideshow.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="template/inc_js/mootools/mootools.js"></script>
<script type="text/javascript" src="template/inc_js/backgroundslider.js"></script>
<script type="text/javascript" src="template/inc_js/slideshow.js"></script>

3: Strukturebene anlegen > in Schritt 2 angelegtes Template auswählen

4: CP ›Bilder Spezial‹ anlegen > Vorlage ›slideshow.tmpl‹ auswählen

5: Bilder hinzufügen. Das sollte es gewesen sein.

6: Nach belieben das css anpassen. Ist in der vorliegenden Version wie im Original.

Liebe Grüße
Der Hausmeister