Druckbare Version
Die Erweiterung news_slideshow ist in der Version 1.1 um diverse Einstellungsmöglichkeiten im Modul erweitert worden.
Fragen und Wünsche bitte hierhin.
Die mitgelieferte CSS - Datei wird automatisch eingebunden und bei jedem Update überschrieben. Sie dient als Anhaltspunkt zum Einstieg. Wer seine eigene CSS-Regeln schreiben möchte, kann in der localconf.php mit
das Laden der CSS unterbinden.PHP-Code:unset($GLOBALS['TL_CSS']['news_slideshow']);
Gruß
lomex
Hallo Oliver, alle,
nochmals vielen Dank für Deine tolle Erweiterung.
Damit ich mich nicht wiederholen muss: hier ein Tipp, wie/dass die Slideshow auch noch anders aussehen kann und eine Template-Erweiterung, die dem großen Bild ebenfalls einen Link verpasst.
Und dann noch 2 Patches, die eventuell in die Erweiterung einfließen könnten:
Damit kann man dann im Backend einstellen, aus welcher Richtung die großen Bilder herein sliden (war vorher immer von links).PHP-Code:--- system/modules/news_slideshow/dca/tl_module.php.ORG So 17. Jul 17:53:13 2011
+++ system/modules/news_slideshow/dca/tl_module.php So 17. Jul 17:52:24 2011
@@ -72,7 +72,7 @@
'label' => &$GLOBALS['TL_LANG']['tl_module']['transition'],
'exclude' => true,
'inputType' => 'select',
- 'options' => array('fade', 'slide'),
+ 'options' => array('fade', 'slide-left', 'slide-right', 'slide-top', 'slide-bottom'),
),
'autostart' => array
(
Der zweite Patch betrifft die JS-Funktionalität, wenn Autostart ausgeschaltet war: dann wurde kein großes Bild gezeigt, aber der Infotext dazu. Abgesehen davon, dass ich das unschön fand, führte es auch dazu, dass 2 Infotexte gleichzeitig display: list-item; erhielten, wenn man nicht den ersten Menüpunkt anklickte. Dann war der erste Text immer zu sehen, der andere, richtige, dann darunter, aber ganz oder teilweise unsichtbar, je nach Höhe der Infobox und der beiden Texte. Erst nach einem kompletten Durchlauf der Slideshow war die Anzeige wieder korrekt. Das Start-Flag bin ich auch losgeworden.
Möchte man ein bestimmtes großes Bild von vorn herein anzeigen, dann kann man genau einem der <li> Elemente im ul.news_slideshow_menu die Klasse current verpassen. Hier wird das erste Bild (und auch dessen Infotext) angezeigt:PHP-Code:--- system/modules/news_slideshow/html/news_slideshow.js.ORG Do 14. Jul 17:45:46 2011
+++ system/modules/news_slideshow/html/news_slideshow.js Mo 18. Jul 19:24:11 2011
@@ -26,12 +26,13 @@
},
initialize: function(menu, images, loader, infos, options){
- this.start = 1;
this.infozone = new Fx.Morph($(infos));
this.infos = $$('#' + infos + ' li').setStyle('display', 'none');
this.infos[0].setStyle('display', 'list-item');
this.infoheight = $(infos).getStyle('height').toInt();
+ this.infos[0].setStyle('display', 'none');
+ this.infozone.set({'height': 0});
this.parent(menu, options);
this.images = $(images);
@@ -75,9 +76,7 @@
break;
case 'fade': image.fade('in'); break;
}
- if (this.start == 1) {
- this.start = 0;
- } else {
+ if ($chk(this.curindex) && this.infos[this.curindex]) {
this.infozone.start({'height': 0});
this.infos[this.curindex].setStyle('display', 'none');
}
Das funktioniert sowohl mit Autostart aus wie auch ein. Bei Autostart ein macht es aber nur Sinn, wenn ein anderes als das erste Bild am Anfang gezeigt werden soll.PHP-Code:--- templates/news_slideshow.tpl.ORG Mo 18. Jul 21:08:25 2011
+++ templates/news_slideshow.tpl Mo 18. Jul 19:33:17 2011
@@ -8,8 +8,8 @@
<?php endforeach; ?>
</ul>
<ul id="menu<?php echo $this->id1; ?>" class="news_slideshow_menu">
-<?php foreach ($this->items as $item): ?>
-<li><a href="<?php echo $item['link']; ?>"><?php if ($item['showmenupicture']) echo $item['menupicture']; ?><span><?php echo $item['newsHeadline']; ?></span></a></li>
+<?php foreach ($this->items as $idx => $item): ?>
+<li<?php if ($idx == 0): ?> class="current"<?php endif; ?>><a href="<?php echo $item['link']; ?>"><?php if ($item['showmenupicture']) echo $item['menupicture']; ?><span><?php echo $item['newsHeadline']; ?></span></a></li>
<?php endforeach; ?>
</ul>
<ul <?php if (!$this->showinfobox) echo 'style="display:none" '; ?>id="infos<?php echo $this->id1; ?>" class="news_slideshow_infos">
Ein letzter Tipp: klickt man auf den bereits aktiven Menüeintrag (nachdem alle Animationen durchgelaufen sind), dann stoppt die Slideshow, bis man auf einen anderen Menüeintrag klickt. Dafür gibt es bisher kein visuelles Feedback.
LG, Georg
Die JS-Änderungen und der Link auf das Bild sind drin (Vers. 1.1.1).
Gruß
Oliver
Gibt es irgendwo eine Demo wo diese Extension schon eingesetzt wird? :)
Megamenu.istbaldsoweit.de (noch nicht die neueste Version)
Eisbaehren.istbaldsoweit.de (abgewandeltes Template)
Was ist mit deiner Version?
Danke, aber ich bezog mich auf die news_slideshow :)Zitat:
Zitat von lomex
Hallo Nina,
hier der Link zur Demo, den Oliver im anderen Thread gepostet hat. Via PM schicke ich Dir auch einen Link auf meine Testseite.
LG, Georg
Sorry für die falschen Links. War gerade auf der Autobahn und habe meiner Frau die Antwort diktiert. Ist mir was durcheinander gekommen.
eisbaeren.istbaldsoweit.de und
hammsport.istbaldsoweit.de
sind zwei aktuelle Projekte, wo ich die Slideshow einsetze. Dachte auf der megamenu Seite hätte ich auf die Slideshow eingebunden, aber das habe ich durcheinander gebracht :-)
Wenn du irgendwelche Änderungen bezüglich barrierefreiheit oder sonst was hast, baue ich das gerne ein.
Gruß
Oliver
Nur zu meiner Verteidigung.
Unter megamenu.istbaldsoweit.de ist auch eine Slideshow :-)
Hallo Lomex,Zitat:
Zitat von lomex
ich habe deine Erweiterung auf meiner Spielwiese nachgebaut, aber das mit dem Eintrag in die localconfig will irgendwie nicht.
Es schreibt immer automatisch ein "=" dahinter. Sieht dann so aus:
Kann man löschen so oft wie man will, es setzt sich automatisch immer wieder rein und dann kommt auf der Webseite natürlich ein Sytnax Error.PHP-Code:unset($GLOBALS['TL_CSS']['news_slideshow']); =
Ich habe jetzt die mitgelieferte CSS leer geräumt und den Inhalt via css-import eingebunden und bearbeitet. Ist aber natürlich nicht die so ganz so feine Art.
Hallo Juke,
Du müsstest diesen Eintrag in der "localconfig.php" vor dem Tag "### INSTALL SCRIPT START ###" hinzufügen.
Hallo xchs,
Danke - das hat funktioniert !! :)
Ich verwende die Erweiterung news_slideshow auf einer Seite: www.mv-erla.at
Mit Internet Explorer 6 wird das Hintergrundbild der Infobox nicht angezeigt.
Woran kann das liegen?
Hast du denn ein Hintergrundbild definiert?
In deinem CSS habe ich keines gefunden, da steht nur background-color
Code:.news_slideshow_menu{
width:250px;
height:257px;
right:0;padding-top:0;
padding-right:0;
background-color:#ffffff;
list-style-type:none;}
Zitat:
Zitat von Juke
Code mit Hintergrundbild:
Code:.news_slideshow_infos{
width:460px;
height:70px;
bottom:0; left:0;position:absolute;overflow:hidden;
background-image:url("tl_files/mve_template/infobg.png");
background-repeat:repeat;
color:#fff;z-index: 120;}
Probier es mal mit einem jpg.
Hallo martinmv,
das liegt vermutlich an der PNG-Grafik mit Alphatransparenz, die der IE6 "natürlich" [sic!] nicht darstellen kann.
Mit etwas Javascript lässt sich das wohl halbwegs in den Griff bekommen (z.B. http://www.dillerdesign.com/experiment/DD_belatedPNG/)
Vielen Dank. Funktioniert einwandfrei.Zitat:
Zitat von xchs
Nur als Anmerkung: Es gibt - außer dem von mir genannten - selbstverständlich auch noch eine Reihe anderer Skripte, die mehr oder weniger Ähnliches machen und der IE-Krücke so auf die Sprünge helfen. Mit Google findet man dazu sicherlich jede Menge.
Aber fein, dass es bei Dir nun klappt.
Ich bin heute auf die Erweiterung gestoßen - sie ist genau das, was ich suchte und funktioniert tadellos. Lässt sich unterdrücken, dass bei den Titeln (Klassenname news_slideshow_infos) der Name des Nachrichtenarchivs angezeigt wird?
Gruß
Leolux
Hi Leolux,
Du kannst Dir das Template "news_slideshow.tpl" kopieren und in der Kopie das <?php echo $item['archive']; ?> löschen.
Vielen Dank deerwood und noch einen schönen Sonntag!
Leolux
Hallo zusammen,
habt Ihr die Erweiterung unter 2.10.x zum Laufen bekommen oder nutzt Ihr noch die 2.9.5?
Bislang ist sie offiziell ja nur bis 2.9.5 freigegeben.
Gibt es einen Weg die Erweiterung unter 2.10.x einsetzen zu können?
Vielen Dank für Eure Hilfe.
Hat inzwischen jemand Erfahrung damit, ob die news_slideshow auf 2.10 läuft?
Gruß
Leolux
Bei mir läuft das Modul mit Conta 2.10.3 sehr gut bis auf einen Fehler bei den großen Bildern.
Beim faden von einer News zur nächsten wechselt ja auch das große Bild und der Teasertext etc. erscheint.
Ich habe die Bildergröße proportional eingestellt und wenn nach einem großen Bild ein kleines kommt, welches nicht über die gesamte Breite geht, bleibt das letzte große Bild im Hintergrund stehen...
Ist dies ein Bug?
Bei mir läuft es auf 2.10.3 auch. Die Größenanpassungen (Bilder, Container) haben etwas gedauert und mitunter waren Teile eines Vorgängerbildes zu sehen. Ich habe es so gelöst, dass ich die Bildgröße auf 600x300 proportional eingestellt (die Höhe des Containers beträgt 300px) habe und Bilder vermeide, die kleiner bzw. schmaler sind.
Gruß
Leolux
Dies ist aber leider bei uns so nicht möglich!
Wir haben einen Nachrichtenportal mit sehr vielen Beiträgen, wo man die Bilder nicht auf eine Breite bzw. Höhe festsetzen kann...
Gibt es da eine andere Lösung?
Tut mir leid, für andere Lösungen reichen meine Kenntnisse nicht aus.
Ist es nicht möglich, die User auf eine vorbestimmte Bildgröße zu "verpflichten"?
Gruß
Leolux
Ich bin da immer noch nicht weitergekommen...
Hat jemand evtl. eine Lösung für mich?
Grüße
Matu
Habe jetzt noch ein anderes Problem...
Wenn die Überschrift zu lang ist, verschwindet ein Teil in der Navigation (oben die zweite News).
Link:
http://www.genussprofessional.de
Kann mir da jemand helfen? Bekomme es nicht richtig gestylt...
Grüße
Matu
Existiert das Problem noch? Oder sehe ich es einfach nicht?
Gruß
lomex
Moin lomex, alle,
wie Ihr wisst/oben lesen könnt, setze ich die [news_slideshow] schon lange mit Erfolg ein. Danke nochmals an lomex!
Von Anfang an hatte ich ein kleines Problem mit der Höhe der Infos abgeleitet aus dem Teasertext und, zumindest bei mir, der Überschrift und der Unterüberschrift. Ich meine das "ul#infosXX", das in der Höhe animiert wird.
Ich habe versucht, die Redakteure zu disziplinieren, so dass sie selbst kontrollieren, ob die Textmenge/höhe kompatibel ist ... leider (und nicht unerwartet) ohne Erfolg.
Das Original JavaScript hat die Höhe des Infobereichs nur aus der ersten angezeigten News ermittelt. Ist die jeweils erste News-Info nun aber kurz, dann werden alle anderen Infos abgeschnitten. Ist die erste Info dagegen lang, dann wird für die anderen, kurzen, viel zu viel Platz verschwendet.
Hier ist ein Patch, der das korrigiert:
Statt also nur die Höhe des ersten Infos abzufragen, bekommt jetzt jedes Info seine eigene Höhe zugewiesen und wird in der Animation dann verwendet. Für mich funktioniert das in allen gängigen Browsern.Code:--- news_slideshow.-revBASE.svn002.tmp.js Di 31. Jan 05:25:14 2012
+++ system/modules/news_slideshow/html/news_slideshow.js Di 31. Jan 05:22:42 2012
@@ -28,9 +28,12 @@
initialize: function(menu, images, loader, infos, options){
this.infozone = new Fx.Morph($(infos));
this.infos = $$('#' + infos + ' li').setStyle('display', 'none');
- this.infos[0].setStyle('display', 'list-item');
- this.infoheight = $(infos).getStyle('height').toInt();
- this.infos[0].setStyle('display', 'none');
+ this.infoheights = new Array();
+ this.infos.each(function(item, index){
+ item.setStyle('display', 'list-item');
+ this.infoheights[index] = $(infos).getStyle('height').toInt();
+ item.setStyle('display', 'none');
+ }, this);
this.infozone.set({'height': 0});
this.parent(menu, options);
@@ -81,7 +84,7 @@
}
image.get('tween').chain(function(){
this.auto();
- this.infozone.start({'height': this.infoheight});
+ this.infozone.start({'height': this.infoheights[index]});
this.infos[index].setStyle('display', 'list-item');
this.fireEvent('show', image);
}.bind(this));
Im Anhang das komplette JavaScript "news_slideshow.js" als ZIP (@lomex: auch mit einigen white space Korrekturen). Das gehört ins Verzeichnis system/modules/news_slideshow/html. Das Original dort evtl. vor dem Überschreiben kopieren.
Update 06.02.2012:
damit die dynamische JS-Berechnung der Infotext-Höhen individuell für jede News auch von vornherein sichtbar wird, müsste das mitgelieferte CSS noch so angepasst werden:
Das bisherige CSS hat die Höhe fest auf 70px gesetzt. Meine Modifikation setzt gar keine Höhe mehr. Alternativ (auskommentiert) kann man auch eine minimale Höhe angeben ... dann werden nur die Infos, die mehr Platz brauchen, höher dargestellt. Ohne diesen Patch des CSS geht das neue Feature für nicht JS/CSS Experten einfach verloren, weil es keiner sieht.Code:--- news_slideshow.css-revBASE.svn000.tmp.css Mo 6. Feb 03:23:07 2012
+++ system/modules/news_slideshow/html/news_slideshow.css Mo 6. Feb 03:21:14 2012
@@ -16,5 +16,5 @@
.news_slideshow_infos h3 {margin:0;padding:0;font-family:arial;font-size:14px;line-height:18px;}
.news_slideshow_infos p {margin:0;padding:0;font-family:arial;font-size:12px;line-height:14px;}
.mod_newsgalerie a {color:#000000;}
-.news_slideshow_infos {width:400px;height:70px;bottom:0;left:0;position:absolute;overflow:hidden;background-image:url("infobg.png");background-repeat:repeat;color:#fff;z-index: 120;}
+.news_slideshow_infos {width:400px;/*min-height:70px;*/bottom:0;left:0;position:absolute;overflow:hidden;background-image:url("infobg.png");background-repeat:repeat;color:#fff;z-index: 120;}
.news_slideshow_infos li {padding:5px;}
LG, Georg
Hallo,
gibt es eine Moeglichkeit die Reihenfolge der angezeigten News zu aendern bzw. umzukehren?
Ich verwende den Slider zur Anzeige von Veranstaltungen und deswegen sollte diejenige oben stehen die kurz bevorsteht.
Danke schon mal im Voraus.
Standardmäßig steht doch die aktuellste News als Erstes, wenn ich mich nicht irre.
Wie wird es denn bei dir angezeigt?
Ist per CSS behoben, Danke :)!Zitat:
Existiert das Problem noch? Oder sehe ich es einfach nicht?
Hallo lomes, genau DAS wuerde ich gerne umkehren - es gibt bestehende Veranstaltungen und es kommen immer neue dazu. Es sollten jedoch nicht die neuesten, also die am weitesten in der Zukunft befindlichen, sondern die aeltesten, also die unmittelbar bevorstehenden, angezeigt werden.Zitat:
Zitat von lomex
Ich wuerde das Ganze ja auch mit Events loesen, jedoch brauche ich die news_slideshow-Darstellung auf der Startseite - und soweit ich es einschaetzen kann gibt es nichts adaequates fuer Events :(
Ich weiß nicht, ob das mit News so praktikabel ist. Selbst wenn man die neuesten X Nachrichten aufsteigend sortiert ausgibt, dürfte das nicht passen, oder? Eine diesbezügliche Option ist sicher kein Problem.
Und der Bedarf an eine Event Slideshow dürfte nicht besonders groß sein in meinen Augen.
Es handelt sich um http://gloria-regensburg.de/start.html, dort siehst du die news_slideshow, jedoch kommen die am weitesten in der Zukunft befindlichen Events oben, und das sollte genau umgekehrt sein. Kann ich diese Sortierung irgendwie umkehren?Zitat:
Zitat von lomex
Moin,
@buntwelt: ohne dass lomex eine Option dafür ins Backend einbaut, könntest Du erstmal patchen, falls Du NUR Event-artige News in der Slideshow nutzt. Beachte auch, dass das natürlich nicht updatesicher ist. In der DateiZitat:
Kann ich diese Sortierung irgendwie umkehren?
system/modules/news_slideshow/ModuleNewsSlideshow.php
findest Du zwei SQL SELECT Statements und bei beiden steht am Ende "ORDER BY date DESC" (Zeilen 107 und 152). Das DESC musst Du jeweils in ASC ändern ... und die Hinweise unten beachten! Für die Modifikation brauchst Du einen UTF-8 fähigen Editor. Unter Windows: NICHT Word und NICHT das/den normale/n Notepad/Editor (letzterer ist einfach Schei.... und haut Dir vor allem am Anfang das unglaublich dämliche BOM rein, das Du jedenfalls NICHT haben willst). Geeignet wäre aber etwa Notepad++ und diverse andere Editoren.
@lomex: Ja, Du hast Recht, die ASC-Sortierung allein ist nur die halbe Miete. Aber es geht auch nicht um die NEUESTEN X Nachrichten, sondern um die X Nachrichten ab (ungefähr) JETZT, aufsteigend sortiert. Event-News ganz weit in der Zukunft sollen nicht gezeigt werden, wenn X zu klein ist.Zitat:
Ich weiß nicht, ob das mit News so praktikabel ist. Selbst wenn man die neuesten X Nachrichten aufsteigend sortiert ausgibt, dürfte das nicht passen, oder? Eine diesbezügliche Option ist sicher kein Problem.
Bei normalen News ist in der Regel das eine (obere) Ende des Zeitstrahls begrenzt: die jeweils neueste Nachricht wird niemals in der Zukunft liegen, die Timestamp der News ist immer < time(). Im (seltenen) Fall, dass man eine News für die Zukunft vorbereitet, wird man mit "Anzeigen ab" die Anzeige unterdrücken, bis der News-Zeitpunkt erreicht ist.
Sortiert man für Event-News nun einfach nur aufsteigend, dann würden ja typisch uralte Event-News am Anfang gezeigt werden, was, in der Slideshow, sicher nicht sinnvoll ist. Allerdings eventuell im eigentlichen Archiv von Event-News, etwa um zu dokumentieren, welche Events man angekündigt hatte ... da müsste dann die Reihenfolge aber wohl auch umgedreht werden; das würde einen Patch im Core erfordern.
Eine Möglichkeit, die ASC Anzeige in der Slideshow sinnvoll zu begrenzen wäre im Prinzip nach time(): alles, was früher stattfand, wird nicht mit selektiert. Allerdings macht es durchaus auch noch Sinn, einen Offset angeben zu können. Wenn z.B. eine Disco-Veranstaltung um 20:00 Uhr beginnt, sich aber bis zum nächsten Morgen um 05:00 hinzieht, dann wäre es kontraproduktiv, wenn die Ankündigung pünktlich um 20:00 nicht mehr gezeigt werden würde. Leute, die später nachschauen (weil sie auch später in die Disco gehen, etwa "wenn die Teenies weg sind"), würden den Termin verpassen. Es wäre also eventuell sinnvoll, bei Sortierung aufsteigend, auch noch ein Feld Offset (3 Stunden, 6 Stunden, 12 Stunden ...) im Backend des Moduls anzubieten.
Will man aber die oben angedeutete Archiv-Funktion gar nicht nutzen, dann kann man sich natürlich so helfen, dass man bei der Erfassung der Event-News gleich auch das Feld "Anzeigen bis" ausfüllt. Damit kann man dann den Anzeige-Offset sogar individuell steuern. Der Disco-Event wird dann bis morgens um 05:00 angezeigt, ein klassisches Konzert/Oper nur 1-2 Stunden nach Beginn (damit man in der Pause noch dazustoßen bzw. die Gattin nach der Oper abholen kann), aber eine Vorführung im Planetarium wird sofort nach Beginn nicht mehr gezeigt (oder sogar einige Minuten früher: die lassen nämlich keine Nachzügler mehr rein, weil die Augen der bereits Anwesenden an absolute Dunkelheit adaptiert sind und das Tür öffnen zu viel Licht herein ließe). Und selbstverständlich kann man veraltete Termin-News auch manuell löschen. Nochmals: bei diesem Ansatz hat man KEIN Archiv von Terminen mehr, weil das "Anzeigen bis" bei der News natürlich auch in den diversen normalen News Anzeigevarianten beachtet wird.
Jedenfalls die ASC Sortierung sollte im Modul-Backend angeboten werden (mit einer impliziten Begrenzung bezüglich time()), damit man nicht patchen muss, das hatte Oliver ja schon als machbar bestätigt. Das Offset-Feld wäre eine schöne Ergänzung, alternativ könnte man einen Offset von 1 Tag hart codieren. Jedenfalls müsste die notwendige/mögliche Begrenzung des Zeitstrahls via "Anzeigen bis" bei ASC eigentlich im Hilfetext auftauchen :D .
LG, Georg
PS: @lomex: Mein *.js Patch oben ist dafür gedacht, in Deine Erweiterung aufgenommen zu werden ;) . Meiner Meinung nach allgemeingültig und eine eindeutige Verbesserung ... oder?
Der Patch wird natürlich aufgenommen.
Den Rest muss ich mir noch ein paar Mal durchlesen, bis ich das verstanden habe :-)