Ist folgendes Skript in Typo3 einbaubar?

Ich bin auf dieses nette "Programm" gestoßen und würde es sehr gerne in Typo3 (auch als Inhaltselement) verwenden:

http://smoothgallery.jondesign.net/

Kennt jemand diese "Slideshow"? Kann man das in Typo3 verwenden?

Ich bin von den Typo3-Slideshow-Extensions nicht sehr begeistert und suche eine Alternative mit CSS/Javascript!

Hallo,

schaut sehr nett aus! Müsste einfach wer sponsern und dann macht das sicher wer! Funktionieren tut es IMO!

Also wer will das als Extension haben?
Wer würde dafür was zahlen?

lg georg

Im Entwicklerforum gibt es schon ein paar CMS Module, die frei verfügbar sind. Typo3 ist da noch nicht dabei.

Nochwas: Ich habe alles mal wie im Tutorial eingebaut. Habe über ein extension Template die Javascripte eingefügt. Habe die CSS Datei, die laut Beschreibung nötig ist, ebenfalls eingefügt.

Als HTML-Inhaltselement habe ich folgendes eingebaut (über den RTE) - hier der Code fürs Forum bearbeitet:

<div id="myGallery">
<div class="imageElement">
<h3>London</h3>
<p>22.05.2007</p>
<img src="http://www.xyz.com/xy2/fileadmin/img/lo1.jpg" class="full" />
</div>
<div class="imageElement">
<h3>London</h3>
<p>22.05.207</p>
<img src="http://www.xyz.com/xy2/fileadmin/img/lo2.jpg" class="full" />
</div>
</div>

Ohne Thumbnails oder Links, wie im Original zu sehen ist. Die Bilder werden nun mit den Titel und den Bildtext untereinander angezeigt. Doch ich will die "timed slidehow" haben.

Dann müßte auch noch das Javaskript eingebunden werden, um auszusuchen, ob man ne Gallerie, Slideshow oder sonst was einstellen bzw. anzeigen lassen will.

Habe also diesen Code per Skripteinfügen via Typoscript-Constant in der Extension Template eingefügt:

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.onDomReady(startGallery);
</script>

Dann, wie im Tutorial zu lesen, muß man noch in der CSS Datei festlegen, welche Höhe und Breite dieses Skript haben wird.

Das habe ich alles gemacht.

Jetzt wird aber nichts angezeigt. Nutze das YAML Template. Es geht aber nicht. Alle Pfade habe ich mehrmals überprüft und stimmen. Im Entwicklerforum gibt es auch ein paar andere Leute, die damit auch Probleme haben, auch mit CMS Systemen.

Es kann jemand gerne in seiner eigenen Seite nachbauen und testen ob es funzt.

Was auch komsich ist: Im Quelltext lese ich die eingefügten Skripte und diese "div" Tabellen. Aber es wird nichts angezeigt.

Läuft das denn mit Typo3 (wenn ja, was habe ich falsch gemacht?) oder muß man dafür auf eine Extension warten? (Das wäre natürlich cool, wenn es das mal als Extension gäbe, ich habe keine Ahnung wie man so etwas schreibt!)

Gruß!

Hallo,

ja das sollte schon mit TYPO3 laufen!
Ich werde das vermutlich als Extension machen, mit Konfiguration mittels Flexforms usw

georg

Jetzte weiß ich aber deswgen hier:

Was auch komsich ist: Im Quelltext lese ich die eingefügten Skripte und diese "div" Tabellen. Aber es wird nichts angezeigt.

immer noch nicht bescheid, wie so etwas sein kann!!?? #angry#

nun vielleicht wird das js nicht geladen, kA... das müsste man wirklich sehen und das skript besser kennen und das ist beides für mich nicht der Fall

georg

Gibt es denn Javskripte, die andere Skripte im Weg stehen können? Oder wie teste ich ob die Skripte geladen werden oder nicht?

schreib ein

alert("test");

rein, wenn das erscheint, wirds auch geladen

georg

Habe es nochmal gestestet. Und habe nun den kompletten Quellcode eingefügt und angepasst (mit Thumbnails und Link). Tja und was ist dann passiert? Es funktioniert!! Puh, das war ne schwere Geburt!

Hallo,

wollte nur sagen, dass ich eben begonnen habe, das ganze inkl lightbox als Extension einzubauen.

ext key: rgsmoothgallery. Wenns fertig ist, dann ists natürlich im TER

georg

preview ist hier online: http://www.rggooglemap.com/dev/rgsmoothgallery.html

meinungen & kommentare gern zu mir

georg

Das schaut doch gut aus. Aber in der Präsentation stört mich ein wenig, daß die Bilder schmaler sind als der Inhaltshintergrund. Ist das so gewollt?

timmy2007 schrieb

Das schaut doch gut aus. Aber in der Präsentation stört mich ein wenig, daß die Bilder schmaler sind als der Inhaltshintergrund. Ist das so gewollt?

nun die galerie ist einfach bisschen kleiner als die fixe Breite des verfügbarem PLatzes - lässt sich aber konfigurieren

georg

timmy2007 schrieb

Das schaut doch gut aus. Aber in der Präsentation stört mich ein wenig, daß die Bilder schmaler sind als der Inhaltshintergrund. Ist das so gewollt?

und hier wird gezeigt, dass es auch anders geht 😉
http://www.rggooglemap.com/dev/rgsmoothgallery/smoothgallery-different-sizes.html

Cool. Schaut sehr gut aus. Freue mich schon auf die Extension, wenn sie veröffentlicht wird.

Na das nenne ich mal gelungen!!

Gratuliere, freue mich schon auf die EXT.

Grüße aus Peuerbach

daluga

Voller Stolz präsentier ich meine neuste Extension: rgsmoothgallery
Bild: typo3.org/…/10000000000001D300000161D9CD9D26.png

- Manual
- Projektwebsite mit jeder Menge Beispiele, englisch, deutsch

Features:
- Bilder aus Verzeichnissen, aus Datensätzen
- Einbindung in Contentelement "Text mit Bild", worauf ich besonders stolz bin

have fun
georg

Hi just2b,

habe mir auch gleich mal die Ext installiert,
stoße aber auf diverse Probleme.

Das Feature "Text mit Bild" funktioniert leider nur soweit,
daß im FE ein leerer Kasten erzeugt wird.
Bei Click auf Pictures fährt die Leiste aus, die Thumbnails enthalten sollte,
auch hier nur leere Kästchen.
Beim Klick ins Bild wird die Vergrößerung in der Lightbox angezeigt.
Thumbnails werden also nicht generiert.

In der Variante "Bilder aus einem Verzeichnis" werden in der Thumbnail-Leiste ebenso nur leere Kästchen angezeigt.
Im Kasten darunter werden Vorschaubilder erzeugt,
hier gibt es allerdings Probleme, wenn ich im Flexform die Breite auf z.B. 120 setze:
dann werden keine Vorschaubilder erzeugt,
bei Breite 200 nur bei einem Teil der Bilder.

Hallo Jenes,

include static ist dabei? in jedem Browser die Probleme? Sind im Quellcode die Bilder da?

georg

just2b schrieb

include static ist dabei?

Logisch.

just2b schrieb

in jedem Browser die Probleme?

Ja.
Im IE7 gibt´s bei "Text mit Bild" außerdem noch CSS-Probleme.
Der leere Kasten, der das Vorschaubild enthalten sollte,
ist nur zum Teil anklickbar.

just2b schrieb

Sind im Quellcode die Bilder da?

Nur teilweise.
"Text mit Bild":

<div class="content"><div class="myGallery" id="myGallery46"><div class="image imageElement" style="float:left;text-align:;min-height:1px;"><img src="" width="" height="" class="thumbnail" alt="" title="" /><img src="uploads/pics/a4.jpg" width="260" height="260" class="full" alt="" title="" /><a href="uploads/pics/a4.jpg" title="open image" class="open"></a><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis mauris sapien, iaculis et, interdum non, ultricies ac, erat. </p><h3></h3></div></div></div><div class="rgsmoothgallery-caption" style="text-align:;"></div></div><div style="clear:both;"></div>

"Bilder aus Verzeichnis":

<div class="content"><div class="myGallery" id="myGallery53">
      <div class="imageElement">

        <h3></h3>
        <p></p>
        <a href="uploads/pics/a4.jpg" title="open image" class="open"></a>
        <img src="uploads/pics/a4.jpg" class="full" alt="" />
        <img src="" class="thumbnail" alt="" />
      </div>
      <div class="imageElement">
        <h3></h3>
        <p></p>

        <a href="uploads/pics/c1.jpg" title="open image" class="open"></a>
        <img src="uploads/pics/c1.jpg" class="full" alt="" />
        <img src="" class="thumbnail" alt="" />
      </div></div></div>

--- Screenshot HIER ---