Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Slider Problem!!“

Siedepunkt

Mod | 3D | Cinema4D

Morgen an alle Skriptverrückten!!

Hab ein kleines Problem. Auf meiner HP....www.farbaktiv.com...ist auf meiner Indexseite ein Slider im Header eingebaut. Normalerweise sollen 3 Bilder sliden.
Wie man aber sieht werden nur 2 angezeigt und beim dritten springt er sofort wieder auf das erste!!

Wo könnte das Problem liegen?

Hier mal die slider.js....
Code:
(function($){  

    $.fn.s3Slider = function(vars) {       
        
        var element     = this;
        var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
        var current     = null;
        var timeOutFn   = null;
        var faderStat   = true;
        var mOver       = false;
        var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
        var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
            
        items.each(function(i) {
    
            $(items[i]).mouseover(function() {
               mOver = true;
            });
            
            $(items[i]).mouseout(function() {
                mOver   = false;
                fadeElement(true);
            });
            
        });
        
        var fadeElement = function(isMouseOut) {
            var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
            thisTimeOut = (faderStat) ? 10 : thisTimeOut;
            if(items.length > 0) {
                timeOutFn = setTimeout(makeSlider, thisTimeOut);
            } else {
                console.log("Poof..");
            }
        }
        
        var makeSlider = function() {
            current = (current != null) ? current : items[(items.length-1)];
            var currNo      = jQuery.inArray(current, items) + 1
            currNo = (currNo == items.length) ? 0 : (currNo - 1);
            var newMargin   = $(element).width() * currNo;
            if(faderStat == true) {
                if(!mOver) {
                    $(items[currNo]).fadeIn((timeOut/6), function() {
                        if($(itemsSpan[currNo]).css('bottom') == 0) {
                            $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        } else {
                            $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                                faderStat = false;
                                current = items[currNo];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        }
                    });
                }
            } else {
                if(!mOver) {
                    if($(itemsSpan[currNo]).css('bottom') == 0) {
                        $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                            $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    } else {
                        $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                        $(items[currNo]).fadeOut((timeOut/6), function() {
                                faderStat = true;
                                current = items[(currNo+1)];
                                if(!mOver) {
                                    fadeElement(false);
                                }
                            });
                        });
                    }
                }
            }
        }
        
        makeSlider();

    };  

})(jQuery);
Danke schonmal im vorraus!!
 
Zuletzt bearbeitet:

Siedepunkt

Mod | 3D | Cinema4D

AW: Slider Problem!!

!!!!!!!!!!!!!Hat sich erledigt mit der mail.php...hab ich hinbekommen!!!!!!!!





meine mail.php scheint auch ned so recht zu funktionieren!!

Code:
<?php

//Enter your email address
define('EMAIL', 'info@farbaktiv.com');

//Succes message
define('OK_MESSAGE', 'Thank you! We will get back to you as soon as possible');

//Error message
define('ERROR_MESSAGE', 'Oops! something went wrong, please try to submit later.');



$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$message = $_POST['message'];
 


if( !empty($message) && !empty($name) && !empty($email) && !empty($subject)  )
{    
    mail(EMAIL, $subject, $message);
    echo OK_MESSAGE;
    echo $message;
    exit;
}
else
{
    echo ERROR_MESSAGE;
    exit;
}

?>
Auch hier wäre ich froh wenn jemand helfen könnte.
 
Zuletzt bearbeitet:

mindraper

me[code].Java(Script)

AW: Slider Problem!!

hi

Hier mal die slider.js....
Code:
(function($){  

  [COLOR="DarkRed"]$.fn.s3Slider[/COLOR] = function(vars) {

zunächst mal 1 frage:

wieso erweiterst du $.fn um s3Slider? soll das ganze am ende ein plug für jquery werden? ansonsten macht das nämlich keinerlei sinn.

IMO ist es ein besserer ansatz, plugins für die nutzung mit jquery zu schreiben, ohne sie direkt in jquery zu implementieren. dafür braucht es aber dann etwas mehr ahnung von js ( was so oder so auf lange sicht der beste ansatz ist ), als "nur" die jquery-api zu kennen.

aber ganz egal welchen weg du gehen willst, falls es wirklich nötig ist, $.fn zu erweitern, sollte das mit $.fn.extend() passieren. diese methode ist ja nicht umsonst in jquery drinne.

gruß
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.157
Beiträge
2.581.864
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben