Thumbnail Navigation mit Tooltipps

folkfreund commented 6 years ago

Nachdem ihr mir neulich so schnell weiter helfen konntet, habe ich jetzt noch eine Frage. Ich schreibe hier, auch wenn es diesmal wohl kein Bug ist...

Kann ich irgendein Template o.ä. anpassen, damit bei einem Slider mit Thumbnail-Navigation den Links bei den Thumbnails das Attribut title mit dem title des Sliders bzw. den alt-Attribut des Images versehen wird? Hintergrund: ich habe Bilder-Slider mit zahlreichen Seiten und möchte den Besuchern etwas mehr Orientierung durch Tooltipps ermöglichen.

Falls es ein besseres Medium für solche Fragen gibt, dann entschuldigt bitte - ich hab es nicht gefunden ;-)

folkfreund commented 6 years ago

Ich habe jetzt herausgefunden, dass das HTML durch rocksolid-slider.js erzeugt wird. Eine zunächst für mich funktionierende Lösung besteht in folgender Änderung:

ergänzt:

    /**
     * @return string image name
     */
    Slide.prototype.getTitle = function() {
        return this.data.name;
    };

Attribut title ergänzt:

SliderNav.prototype.createThumb = function(index, slide) {

        var self = this;

        var thumb = $(document.createElement('a'))
            .attr('href', '')
            .attr('title', slide.getTitle() ? slide.getTitle() : '')
            .html(slide.getThumbHtml())
            .on('click', function(event){
                event.preventDefault();
                self.itemOnClick(index);
            });
        ...

Dies ist natürlich nicht update-sicher. Gibt es eine Möglichkeit, dasselbe auf geschicktere Weise zu erreichen?

ausi commented 6 years ago

Vielen Dank für Ihre Frage.

Titel in der Thumbnail-Navigation anzeigen zu lassen sollte über die Option thumbs: {captions: true} möglich sein.

Für weitere Fragen zum Slider wenden Sie sich bitte an den RockSolid Themes Support oder das Contao-Community-Forum.

madeyourday / contao-rocksolid-slider

Thumbnail Navigation mit Tooltipps #49