Simple jQuery Slider Problem!

Client & Serverbasierte Sprachen wie PHP, Javascript, MySql usw.

Simple jQuery Slider Problem!

Beitragvon l4ur1ds » 02.02.2013, 00:23

Hallo an alle!
ich bin etwas am verzweifeln und verstehe nicht wieso bei mir nichts funktioniert. Wie man aus dem titel schon herauslesen kann handelt es sich um einen img Slider programmiert in js ich habe schon ewig herumprobiert komme aber zu keinem Ergebnis ich hoffe das mir hier wer helfen kann und sagen kann was an meinem Code nicht stimmt oder wie ich es besser machen könnte!

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>try0ut</title>


<style type="text/css">
   
   ul{
      font-family: "Aase Light";
      font-size:120%;
      float: right;
   }
   
   ul li{
      display: inline;
      margin: 28px;
      
   }
   
   body{
      margin-right: 300px;
      margin-left: 300px;
      
      
   }
   
   a{
      text-decoration: none;
      color:#000;
      
   }
   
   a:hover{
       color:#f00;
       border-top: 8px solid black;
       padding-top: 23px;
    }

   .slider{
      width:800px;
      height:350px;
      overflow:hidden;
      margin:20px auto;
   }
   
   .slider img{
   width:800px;
   height:350;
   display:none;
   }

</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript">
   
   function Slider(){
      $(".slider#1").show("fade", 500);   
      $(".slider#1").delay(5500).hide("slide",{direction:'left'},500);
      var sc = $(".slider img").size();
      var count = 2;
      setInterval(function(){
         $(".slider#"+count).show("slide",{direction:'right'}, 500);
         $(".slider#"+count).delay(5500).hide("slide",{direction:'left'},500)
         
         if(count==sc){
            count=1;
         }else{
            count=count+1;
         }
      },6500);
   }
   
</script>
</head>



 <body onload="Slider();">

<ul>
   <li><a href="#">home</a></li>
    <li><a href="#">galerie</a></li>
    <li><a href="#">about</a></li>
</ul>

<div class="slider">
  <img id="1"src="img/pic1.jpg"border=0/>
  <img id="2"src="img/pic2.jpg"border=0/>
  <img id="3"src="img/pic3.jpg"border=0/>
</div>

</div>
</body>
</html>


Hier der Code ich hoffe das ist nicht zu viel Verlangt!

liebe Grüße Laurids
l4ur1ds
Frischling
Frischling
 
Beiträge: 1
Registriert: 02.02.2013, 00:18

Zurück zu Skriptsprachen & SQL

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

cron