TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

Smoothgallery Thumbnails


Autor Nachricht
Verfasst am: 12. 04. 2012 [21:51]
nomis2010
Themenersteller
Dabei seit: 31.10.2010
Beiträge: 54
Hallo Zusammen,

Ich bräuchte mal wieder eure Hilfe.

Ich würde gerne meine Bilder wie hier im Link in der smoothgallery erstellen.

http://www.rggooglemap.com/dev/rgsmoothgallery/smoothgallery-mit-externen-thumbnails-ii.html

allerdings versteh ich nicht was ich mit dem CSS code machen muß wo und wie ich diesen ccs code eintragen muss.

Kann mir da jemand weiter helfen?

Vielen dank euch im Voraus!
Profil
Verfasst am: 14. 04. 2012 [15:54]
Seneca
Dabei seit: 15.12.2007
Beiträge: 184
Hallo,

die css-Dateien befinden sich auf dem Server in folgendem Verzeichnis:
/httpdocs/typo3conf/ext/rgsmoothgallery/res/css

Der auf deiner Link-Seite beschrieben css entspricht der im obigen Verzeichnis vorhandenen externalThumbs2.css.
Ich würde also die andere Datei externalThumbs.css mal umbenennen und würde bei der -2.ccs die "2" entfernen.
Wahrscheinlich greift die Ext auf die externalThumbs.css zu.

Die auf der Link-Seite über dem css angegebenen Punkte sind die nötigen Einstellungen im constant Editor im Template

Gruß
Seneca

__________________________________
Abitur für Spätzünder!
www.sankt-matthias.de
ProfilWWW
Verfasst am: 14. 04. 2012 [20:36]
nomis2010
Themenersteller
Dabei seit: 31.10.2010
Beiträge: 54
Hallo Seneca,

Danke für deine Hilfe, ich hab die Datei so wie du beschrieben hast unbennant und die "2" entfernt.

Allerdings versteh ich nicht wo ich den Code

.tx-rgsmoothgallery-pi1 {
float:left;
}

#externalthumbs {
float:left;
width:200px;
}

#externalthumbs .label {
display:none;
}
.carouselInner {
width:205px;
}

.carouselInner .thumbnail {
float:right;
padding-bottom:10px;
}

einfügen muß.

Wenn ich unter template geh und dann smoothgallery auswähle, bekomm ich folgendes Fenster. (Bild) wo muß ich dann den css code einfügen?

Vielen vielen dank im Voraus!!
Dateianhang

Bildschirmfoto 2012-04-14 um 20.33.32.png (Typ: image/png, Größe: 59.64 Kilobyte) — 36 mal heruntergeladen
Profil
Verfasst am: 14. 04. 2012 [21:19]
nomis2010
Themenersteller
Dabei seit: 31.10.2010
Beiträge: 54
Meine externalThumbs.css Datei sieht nun so aus:


(siehe Bild)

Dateianhang

Bildschirmfoto 2012-04-14 um 21.17.23.png (Typ: image/png, Größe: 23.99 Kilobyte) — 44 mal heruntergeladen
Profil
Verfasst am: 14. 04. 2012 [21:22]
nomis2010
Themenersteller
Dabei seit: 31.10.2010
Beiträge: 54
Und die Einstellugen sind analog wie die von meinem Link:

Möglich ist dies mit den folgenden Einstellungen:

Width image: 350
Height image: 260
Width gallery: 347
Height gallery: 260
[x] Lightbox
[x] Arrows
[x] Thumbs
Opacity Thumbnails: 0.7
External thumbs div ID: externalthumbs
Advanced configuration:thumbHeight:55,thumbWidth:73,


Allerdings werden die Thumbnails nicht wie aus dem Beispiel rechts neben dem großen Bild dargestellt sondern in einer reihe vertikal unterhalb des großen Bildes.

was mach ich da bloß falsch?

Danke euch!
Dateianhang

Bildschirmfoto 2012-04-14 um 21.20.28.png (Typ: image/png, Größe: 25.68 Kilobyte) — 34 mal heruntergeladen
Profil
Verfasst am: 16. 04. 2012 [20:16]
Seneca
Dabei seit: 15.12.2007
Beiträge: 184
Hallo,
nomis2010 schrieb:


Allerdings versteh ich nicht wo ich den Code
einfügen muß.

Der steht schon in dieser 2. externalthumbnail.css drin.
Du solltest sie umbenennen, weil ich davon ausgehe, dass die Ext nur auf die externalthumbnail.css zugreift.
Aber das ist offensichtlich nicht automatisch der Fall.


Wenn ich unter template geh und dann smoothgallery auswähle, bekomm ich folgendes Fenster. (Bild) wo muß ich dann den css code einfügen?

s.o.
Aber es kann sein, dass erst noch in einer Einstellung auf die css-Datei verwiesen werden muss.

Bei mir im setup des templates stehen z.B. folgende Pfade:

TYPOSCRIPT
plugin.tx_rgsmoothgallery_pi1 {
    pathToJdgalleryCSS = EXT:fileadmin/templates/rgsmoothgallery/css/jd.galleryColor.css
    pathToSlightboxCSS = EXT:fileadmin/templates/rgsmoothgallery/css/slightboxColor.css
}

(Es ist immer gut eigene Einstellungen in der css und im template lokal im fileadmin zu speichern, damit sie bei einem update nicht überschrieben werden.)

Vielleicht müsste dort bei dir dann etwa stehen:
TYPOSCRIPT
plugin.tx_rgsmoothgallery_pi1 {
 pathToExternalThumbnailCSS = typo3conf/ext/rgsmoothgallery/res/externalthumbnails.css
}

Ist ein Hinweis in dieser Richtung vielleicht im manual zu finden?

Gruß
Seneca


__________________________________
Abitur für Spätzünder!
www.sankt-matthias.de
ProfilWWW
Verfasst am: 17. 04. 2012 [19:32]
nomis2010
Themenersteller
Dabei seit: 31.10.2010
Beiträge: 54
Hallo Seneca,


erstmal vielen dank das du dir die zeit genommen hast.


Zur info:

Bei mir steht im Template unter setup folgende Info (Siehe Bild)

Dateianhang

Bildschirmfoto 2012-04-17 um 19.30.26.png (Typ: image/png, Größe: 24.29 Kilobyte) — 36 mal heruntergeladen
Profil
Verfasst am: 17. 04. 2012 [20:18]
Seneca
Dabei seit: 15.12.2007
Beiträge: 184
Hallo Nomis2010,

im Augenblick weiß ich auch nicht weiter, v.a. eben wie man das css einbindet.
Trotzdem viel Erfolg!

Seneca

__________________________________
Abitur für Spätzünder!
www.sankt-matthias.de
ProfilWWW