Ergebnis 1 bis 7 von 7

Thema: Thumnails ohne dem Scrolleffekt darstellen

  1. #1
    Contao-Nutzer
    Registriert seit
    24.06.2010.
    Ort
    Neudörfl
    Beiträge
    150
    Partner-ID
    6135

    Standard Thumnails ohne dem Scrolleffekt darstellen

    Hallo,
    ich steh irgendwie auf dem Schlauch wie ich den Scrolleffekt der Thumbnails abschalten könnte. Ich möchte die Thumbs so wie in der Core-Galerie angezeigt bekommen. Also in Reihen und Spalten. Sonstige Funktionen wie zB aktives markiert oder dass das Bild per Click angezeigt werden sollten erhalten bleiben.. bitte um einen Tipp...
    lg goosie

  2. #2
    Contao-Fan Avatar von Schlauchbeutelmaschine
    Registriert seit
    16.06.2009.
    Ort
    Wiesbaden
    Beiträge
    668

    Standard

    Hallo Goosie,

    da musst du mal experimentieren aber es könnte schwierig werden.

    Du musst die Höhe und Breite der Box in der sich die Thumbnails befinden so groß machen,
    dass das Javascript feststellt das es nichts mehr scrollen muss.

    Probier es einfach mal indem du die CSS Dateien anpasst.
    Wenn du nicht weiterkommst sag nochmal Bescheid.

  3. #3
    Contao-Nutzer
    Registriert seit
    24.06.2010.
    Ort
    Neudörfl
    Beiträge
    150
    Partner-ID
    6135

    Standard

    Hallo Schlauchbeutelmaschine
    ja, das habe ich schon probiert.
    ich bin nun soweit, dass ich gerne das mod_slideshow2.tpl ändern möchte, also die referenzierende js dazu. Ich glaub das wäre am besten. Allerdings benötige ich die originalfunktion auch noch.
    Ich finde aber nichts wo ich die mod_slideshow*.tpl auswählen könnte .. Ebenso wird der Templatefolder bei den js und css tpl files ignoriert, dass aber nur nebenbei.
    bist du auch im irc?
    lg goosie

    EDIT: ich habe von dem Vorhaben abgelassen ...
    Geändert von goosie (16.11.2011 um 12:07 Uhr)

  4. #4
    Contao-Nutzer Avatar von vienneva
    Registriert seit
    13.01.2011.
    Ort
    Wien
    Beiträge
    136

    Standard

    Hi Ihr,

    ich stand heute vor der gleichen Frage. Bin nicht so bewandert in Javascript, aber ich hab's im slideshow.js (zu finden in plugins >> slideshow2 >>js) auskommentiert in Zeile 896, dort wo die events für die Thumbnails gesetzt werden. So bekommen sie kein scroll-event:

    Code:
    thumbnails.set('events', {
    /* 'scroll': this.scroll.bind(thumbnails), */
    'update': this.update.bind(slideshow)});
    Hab das js unter neuem Namen gespeichert und dann neue Templates für mod_slideshow2.html5 , -.tpl, .xhtml angelegt und dort den javascript Namen geändert.

    Bei mir funzt es so.

    Liebe Grüße
    Eva

  5. #5
    Contao-Fan Avatar von Schlauchbeutelmaschine
    Registriert seit
    16.06.2009.
    Ort
    Wiesbaden
    Beiträge
    668

    Standard

    Hallo Eva,

    danke für den Hinweis.

    Allerdings müsste man jetzt die Templates noch so anpassen,
    das die Höhe der Slideshow und des Thumbnails Containers dynamisch angepasst werden,
    damit alles sichtbar sind.

    Grüße Sabri

  6. #6
    Contao-Nutzer Avatar von totoff
    Registriert seit
    08.04.2010.
    Ort
    Köln
    Beiträge
    174

    Standard

    bei mir habe ich den erwünschten effekt erzielt, indem ich in der slideshow2_css die containing box vergrößert habe (wie von sabri vorgeschlagen):

    HTML-Code:
    #show_<?php echo $this->id; ?> .slideshow-thumbnails 
    {
    	height:450px;
    	left:640px;
    	top:0px;
    	width:310px;
    }
    nur falls nochmal jemand das problem hat.
    Kommunikation mit Konzept. Digital und Analog - christophlieck.com

  7. #7
    Contao-Nutzer Avatar von pretty-cool
    Registriert seit
    11.01.2010.
    Ort
    Hamburg
    Beiträge
    183

    Standard

    Hallo und vielen Dank für den interessanten Beitrag.

    Ich bin den Anweisungen so weit gefolgt, kann aber die Größe der Box leider nicht wie angegeben überschreiben (zumindest greift die Anweisung bei mir nicht), da in der darauf folgenden Zeile das CSS inline überschrieben wird:

    Code:
    div class="slideshow-thumbnails" role="menubar" style="overflow: hidden;">
    <ul role="menu" style="left: 0px; position: absolute; top: 0px; width: 495px;">
    Wo finde ich das 'style' welches auf dem 'ul' gesetzt wird? Wenn ich es richtige sehe müsste ich nur dieses in der Größe anpassen. Leider kenne ich mich mit der Entwicklung von Templates noch nicht genügend aus und finde es nicht.

    Vielen Dank :-)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •