Revolution Slider gibt falsche Links aus

[uliphant]

Und noch ein kleines Problem: ich habe einen Revolution-Slider mit drei Slides. Jedes Slide enthält einen Call to Action button, aber jeweils mit einem anderen Link. Wenn die Slides einmal durch sind, passiert es oft, dass die Buttons falsch verlinkt werden, d.h. der Link vom letzten Slide ausgegeben wird! Zu sehen hier: http://www.jmem-hainichen.de.

[Tim]

Ja, das scheint in der Tat ein Fehler im Script zu sein. Die Slides schalten zwar auf visibility hidden und opacity 0, aber damit bleiben Links weiterhin aktiv. Die z-index Ebenen müssten durchwechseln oder die ausgeblendeten Slides display none laufen.
Da haken wir beim Script Hersteller Themepunch nach.

[uliphant]

OK. Danke erst mal.

[uliphant]

Hi, gibt es hier schon was neues?

[Tim]

Hi, wir arbeiten derzeit an einem großen Komplettupdate, da auch das Script eine große neue Version erhalten hat. Dafür sind einige Änderungen am Backend und am Code-Aufbau nötig.
Wir gehen davon aus, dass auch dieses Phänomen damit behoben wird.
Bis dahin erstelle ich jetzt einen Workaround.

[Tim]

So, damit wird der z-index beim Slidewechsel angepasst:

Ergänzen am Ende in js_revoslider_default.html5 Template oder in dem eigenen js_revoslider_ Template:

<script type="text/javascript">
/* <![CDATA[ */

/**
 * Fix the z-index bug
 */
jQuery(document).ready(function()
{
    var api = jQuery('<?php echo $this->selector; ?>').revolution();
    api.revolution().bind("revolution.slide.onchange",function (e)
    {
        var arrSlides = jQuery(slider).find('.slide');
        if(arrSlides == undefined || arrSlides.length < 1)
        {
            return;
        }
        
        var index  = Math.round(api.revcurrentslide() + 1);
        if(index >= api.revmaxslide())
        {
            index = 0;
        }
        
        arrSlides.css('z-index',10);
        jQuery(arrSlides[index]).css({'z-index':20});
    });
});

/* ]]> */
</script>