Revolution Slider Anforderung

[mapfei]

Hi,

ich möchte gerne den Revolution Slider etwas umstricken:



Die Tabs sollen oberhalb des Contents stehen und immer (nicht nur bei MouseOver) sichtbar sein.

Außerdem soll der Bannertimer innerhalb des jeweiligen Tabs laufen (hier angedeutet in rot).

Die beiden Meta-Infozeilen bekommt man vermutlich über Titel und Untertitel des jeweiligen Slides abgebildet oder?

Viele Grüße,
mapfei

[Tim]

Hi,
der Grundaufbau ist das Template: revoslider_(default)

Da im Slider vieles absolut positioniert ist, sollte direktes CSS ebenfalls sehr gut gehen.

[mapfei]

Okay, dann fummel ich da mal rum... Noch 'nen Tipp bzgl. des Bannertimers?

EDIT: Ich habe das jetzt mit Tabs und etwas Script gelöst...

[mapfei]

Ich nutze nun folgendes Script, um die Tabs automatisch wechseln zu lassen und einen Timer im jeweiligen Tab anzuzeigen:

jQuery(document).ready(function() {
var currentTab = 0;
var tabs = jQuery('.tab_three');
var panes = jQuery('.panes .section');
var timer = jQuery('.timer');
var time = 4000; // Zeit in Millisekunden
var width = 0;

function changeTab() {
tabs.removeClass('active');
tabs.eq(currentTab).addClass('active');
panes.removeClass('active');
panes.eq(currentTab).addClass('active');
}

function startTimer() {
width = 0;
timer.width(width);
timer.show();
var interval = setInterval(function() {
width += 100 / (time / 40);
timer.width(width + '%');
if (width >= 100) {
clearInterval(interval);
timer.hide();
currentTab = (currentTab + 1) % tabs.length;
changeTab();
startTimer();
}
}, 40);
}

changeTab();
startTimer();

});

Ich würde den Timer bzw. den automatischen Wechsel beim drüber hovern gerne pausieren.

Jemand eine Idee/Ergänzung/Optimierung?

[Tim]

Ich würde den Timer bzw. den automatischen Wechsel beim drüber hovern gerne pausieren.

Zapfe die eigenen Event-Listener des Sliders an. Unten in der js_revoslider_... sind Beispiele dafür. Ich feuer z.B. ein resize Event, wenn ein Slider vollständig geladen wurde.
https://www.themepunch.com/revslider...ethods-events/

[mapfei]

Sorry, please help me out...! 🙏