Ankündigung

Einklappen
Keine Ankündigung bisher.

Swiper Slider - MouseOver

Einklappen
Dieses Thema ist geschlossen.
X
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Swiper Slider - MouseOver

    Hallo,

    ich nutze den "Swiper Slider" für Kundenbewertungen, genauso wie er im Theme "AlphaBiz" abgebildet ist. Gibt es eine Möglichkeit, den Slide bei MouseOver zu stoppen?

    Ich habe folgenden Code gefunden, weiß aber nicht, wie ich diesen genau im Template "customelement_swiperslider_start.html5" einbauen soll.

    Code:
     [COLOR=#1B1D1F][FONT=Menlo]// now add mouseover and mouse out events on '.swiper-slide' elemnts to pause and resume the autoplay;[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo] [/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]$('.swiper-slide').on('mouseover', function() {[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]  swiper.autoplay.stop();[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]});[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo] [/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]$('.swiper-slide').on('mouseout', function() {[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]  swiper.autoplay.start();[/FONT][/COLOR]
      [COLOR=#1B1D1F][FONT=Menlo]});[/FONT][/COLOR]
    "disableOnInteraction: true" ist bereits gesetzt. Aber das bewirkt ja nur den Stopp, wenn ich eine Interaktion ausführe (Klick auf Vor- oder Zurück).

  • #2
    Das müsste so aussehen im Template, unter der definition der Swiper Instanz in der Vairable swiper_ID-ELEMENT

    Code:
    jQuery('.swiper-slide').on('mouseover', function()
    {
    swiper_<?php echo $this->id; ?>.autoplay.stop();
    });
    
    jQuery('.swiper-slide').on('mouseout', function()
    {
    swiper_<?php echo $this->id; ?>.autoplay.start();
    });
    Angehängte Dateien
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      super, hat funktioniert. Vielen Dank für die schnelle Hilfe!

      Kommentar

      Lädt...
      X