jQuery Problem, oder doch nicht!?

Real_Point · 04.01.2013

Im moment bastle ich zu übungszwecken an einer kleinen One-Page-Webseite.

Hier der Link:

Ich versuche mich an ein paar jQuery Plug-In's und Tutorials aber diese werden teilweise einfach nicht ausgeführt.
Der "Parallaxen-Effekt" im Hintergrund funktioniert. Aber alle anderen Scripts (die ich heute eingebaut habe) werden anscheinend nicht ausgeführt und das obwohl ich diese teilw. 1zu1 von meiner eigentlichen Portfolio übernommen habe!?
Bin ich schon zu lange drauf fixiert und überseh das wahrscheinlich total simple Problem, oder ist es doch was ernstes!?

Für alle die den Code so vor sich haben wollen:

Code:

<!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>House MD - Promo Site</title>

<link rel="stylesheet" type="text/css" href="style.css" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>


<script type="text/javascript" src="js/jqeuery.js"></script> <!-- LIBRARY -->

<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script> <!-- CONTENT SLIDER -->

<script type="text/javascript" src="js/parallax.js"></script> <!-- SCROLL PARALLAX -->
<script type="text/javascript" src="js/scroll.js"></script>

<script type="text/javascript" src="js/topscroll.js"></script>

<!-- <script type="text/javascript" src="js/plax.js"></script> -->






</head>

<body>

<div id="navigation">
    <ul>
        <li><a href="#home">HOME</a></li>
        <li><a href="#about">ÜBER HOUSE</a></li>
        <li><a href="#char">PERSONEN</a></li>
        <li><a href="#trailer">TRAILER</a></li>
        <li><a href="#dvd">DVD</a></li>
     </ul>
</div>



<a name="home"></a>
<section id="home" data-type="background" data-speed="10" class="pages">

   <img class="logo" src="img/logo.png" alt="House" />
   
   <img class="particle" src="img/flow_2.png" alt="" data-xrange="40" data-yrange="40">
   <img class="particle" src="img/flow_1.png" alt="" data-xrange="20" data-yrange="20">
 
</section>


<a name="about"></a>
<section id="about" data-type="background" data-speed="50" class="pages">

    <div class="inner">
       <h2>ÜBER HOUSE</h2>
           <p>Der Gerichtsmediziner Gregory House (Hugh Laurie) hat sich auf Infektionskrankheiten spezialisiert. <br />Gegenüber seinen Patienten, denen er nicht über den Weg traut, verhält er sich respektlos – wenn er überhaupt mit ihnen reden muss. Doch seine unkonventionelle Denkweise und sein Instinkt haben ihm großen Respekt unter Kollegen eingebracht.</p>
    </div>
           
</section>


<section id="mid01" data-type="background" data-speed="50" class="pages">
   &nbsp;
</section>


<a name="char"></a>
<section id="char" data-type="background" data-speed="-50" class="pages">

    <div class="inner">
    
        <h2>PERSONEN</h2>
        
        <a href="#top">##### TOP #####</a>
    
           <div id="slideshow">
        <ul id="nav">
            <li id="prev"><a href="#">Previous</a></li>
            <li id="next"><a href="#">Next</a></li>
        </ul>

        <ul id="slides">
            <li><img src="slider/01.jpg" alt="" /></li>
            <li><img src="slider/02.jpg" alt="" /></li>
            <li><img src="slider/03.jpg" alt="" /></li>
        </ul>
        </div>
 
          
    </div>
   
</section>






</body>
</html>

Code:

@charset "utf-8";
/* HOUSE MD */

html {
font-family: 'Source Sans Pro', Arial, sans-serif;
}

body {
margin: 0;
padding: 0;
}

/* NAVIGATION */

#navigation {
width: 100%;
height: 50px;
background: hsla(255, 100%, 0%, 0.8);
color: #FFFFFF;
position: fixed;
bottom: 0px;
z-index: 100;
}

#navigation ul {
list-style-type: none;
width: 650px;
position: relative; left: 50%; top: -16px;
margin-left: -275px;
padding: 0;
}

#navigation ul li {
height: 100px;
display: inline;
text-align: center;
position: relative;
padding: 10px;
float: left;
}

#navigation ul li:hover {
background-color: hsla(255, 100%, 0%, 0.8);
}

#navigation a {
color: #FFFFFF;
text-decoration: none;
margin: 20px;
position: relative; top: 5px;
font-weight: 700;
}

#navigation a:hover {
text-shadow: 0 0 2px #60777e;
}

/* SEKTIONEN */

#home {
background: url(img/bg_home.jpg) 50% 0 fixed; 
background-repeat: no-repeat;
background-size: cover;
height: 1000px;
width: 100%;
max-width: 2000px;
}

.logo {
position: absolute; top: 50%; left: 50%;
width: 500px;
margin-left: -250px;
margin-top: -100px;
z-index: 10;
}

.particle {
width: 100%;
height: 100%;
opacity: 0.7;
position: absolute;
}

#about {
background: #173037;
background: radial-gradient(circle farthest-side, #60777e, #173037);
background: -moz-radial-gradient(circle farthest-side, #60777e, #173037);
background: -webkit-radial-gradient(circle farthest-side, #60777e, #173037);
height: 80%;
min-height: 700px;
width: 100%;
max-width: 2000px;
}

.inner {
width: 860px;
height: auto;
position: absolute; left: 50%;
margin-left: -430px;
margin-top: 10%;
text-align: center;
z-index: 10;
}

h2 {
font-weight: 700;
color: #FFFFFF;
font-size: 2.5em;
text-shadow: 0 2px 2px #293235;
}

#about p {
font-weight: 400;
color: #b9d3da;
font-size: 1.2em;
}

#mid01 {
background: url(img/bg_mid01.jpg) 50% 0 fixed; 
background-repeat: no-repeat;
background-size: cover;
height: 700px;
width: 100%;
max-width: 2000px;
}

#char {
background: #173037;
background: radial-gradient(circle farthest-side, #60777e, #173037);
background: -moz-radial-gradient(circle farthest-side, #60777e, #173037);
background: -webkit-radial-gradient(circle farthest-side, #60777e, #173037);
height: 1000px;
min-height: 500px;
width: 100%;
max-width: 2000px;
}

/* SLIDER */

div#slideshow {
width: 860px; 
height: 370px; 
padding: 0 0 0 0;
overflow: scroll;
margin-top: 20px;
margin-bottom: -10px;
border: none;
z-index: 15;
}

#slideshow ul#nav {
/* display: none; */
list-style: none;
position: relative; top: 160px; 
z-index: 25;
}

#slideshow ul#nav li#prev {
float: left; 
margin: 0 0 0 0;
}
    
#slideshow ul#nav li#next {
float: right; 
margin: 0 0 0 0;
}
    
#slideshow ul#nav li a {

display: block; 
width: 30px; 
height: 350px; 
text-indent: -9999px;
}

#slideshow ul#nav li#prev a {
background: url(img/prev.png);
}

#slideshow ul#nav li#next a {
background: url(img/next.png);
}

#slideshow ul#slides {
list-style: none;
}















/*
#overlay {
background: #990000;
height: 300px;
width: 100%;
position: fixed; top: 1400px;
z-index: 300;
}*/

gruß Patrick

PS: Ich weis ziemlich unordentlich - kam vom ganzen rumprobieren ...

hub · 04.01.2013

AW: jQuery Problem, oder doch nicht!?

Moin moin,
meine Vermutung: ein fröhlicher Tippfehler spielt dir einen Streich.

HTML:

<script type="text/javascript" src="js/jqeuery.js"></script>

Ich würde es so versuchen:

HTML:

<script type="text/javascript" src="js/jquery.js"></script>

Es sei denn, du hast die Datei tatsächlich umbenannt.

Gruss Ulli

Real_Point · 04.01.2013

AW: jQuery Problem, oder doch nicht!?

*Kopf -> Tischplatte*

Vielen Dank. Ich sollte mal ne pause machen und an die frische luft gehen -.-

hub · 04.01.2013

AW: jQuery Problem, oder doch nicht!?

Real_Point schrieb:
*Kopf -> Tischplatte*

Vielen Dank. Ich sollte mal ne pause machen und an die frische luft gehen -.-

:lol: Willkommen im Club - das kenne ich