Ergebnis 1 bis 3 von 3

Thema: [Erledigt] Karusell Slide on Mouseenter

  1. #1
    laRocca
    Gast

    Standard [Erledigt] Karusell Slide on Mouseenter

    Hallo zusammen,

    ich habe eine Frage zu den CarouFredSel-Controls "Prev" & "Next". Mein Karussell soll so aussehen: Anhang 11157
    Funktion soll wie folgt sein:

    Funktionalität ist wie folgt gewünscht:

    Slider soll währen Mouseover/Klick auf den Prev-/Next-Controller selbst weitersliden. Bei MouseOut soll der Slide stoppen. Wie konfiguriere ich das?


    Dirch sei dank konnte ich die "js_caroufredsel" schon so weit anpassen, dass wenn ich z.B. den "Prev"-Button drücke oder mit der Maus drauf fahre, der Slider ein Bild in die richtige Richtung geht. Aber eben nur ein Bild, dann hält er an!

    Aktuell habe ich am js_caroufredsel nur 2 Änderungen vorgenommen. Ursprünglich war der Code so:

    PHP-Code:
     // subobject 'prev' options
        
    if ($this->navigation || $this->prevKey) {
            echo (
    $oComma == true ', ' '') . 'prev: { ';
            if (
    $this->navigation) {
                echo 
    'button: "#caroufredsel_prev_' $this->id '"';
                
    $iComma true;


    Und hier die Varianten:

    PHP-Code:
    // subobject 'prev' options
        
    if ($this->navigation || $this->prevKey) {
            echo (
    $oComma == true ', ' '') . 'prev: { ';
            if (
    $this->navigation) {
                echo 
    'button: "#caroufredsel_prev_' $this->id '"';
    echo 
    ', event: "click mouseenter"';
                
    $iComma true;

    PHP-Code:
    // subobject 'next' options
        
    if ($this->navigation || $this->nextKey) {
            echo (
    $oComma == true ', ' '') . 'next: { ';
            if (
    $this->navigation) {
                echo 
    'button: "#caroufredsel_next_' $this->id '"';
    echo 
    ', event: "mouseenter click"'
                
    $iComma true;

    Ich hab schon alles mögliche durchgelesen auf der Caroufredsel Seite selbst – hab 1000 Varianten der Einbindung in mein Seitenlayout versucht – ich krieg es aber einfach nicht konfiguriert –*hat da jemand eine Idee, wie ich ans Ziel komme?
    Geändert von laRocca (24.06.2013 um 09:32 Uhr)

  2. #2
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Die caroufredsel-Seite hilft dir da nur bedingt weiter. Das was du machen willst hängt allein von den JavaScript/jQuery-Mausevents ab. Nur was mit denen geht bzw. wo JavaScript ein Event triggert kann der Slider darauf reagieren. Wenn JS nichts liefert passiert auch nichts.

    Schau mal hier die zur Verfügung stehenden Events an:

    http://api.jquery.com/category/events/mouse-events/

    Du kannst sie dann wie gehabt ohne . und () am Ende aufschreiben - also mouseover usw. Am nächsten von dem was du tun möchtest geht vielleicht noch mit mousemove. Es gibt meines Wissens kein Event, das ein Event triggert wenn man über einem Element ist und nichts tut. Man muß immer etwas tun: klicken, Maus bewegen usw.

  3. #3
    laRocca
    Gast

    Standard

    Au kay – danke für die Info ; )

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
  •