jQuery Plugin?

#matthias

Hallo,

ich bin dabei mich ein wenig in Javascript, ins Besondere jQuery, einzuarbeiten.
Jetzt habe ich gelesen das man für viele Animation das easing-Plugin benötige.
Diese habe ich mir runter geladen und in einen Ordner gespeichert.
Nun ist meine Frage wie ich es einbinden kann? Bis jetzt habe ich es so versucht:

PHP

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

Also wie zusehen ist heißt das Script "easing.js" und liegt in dem selben Verzeichnis wie auch die html Datei, in einen Ordner "Scripte".

MFG Matthias

Bandit

Und dein Frage lautet wie?

Ich wüsste nicht, was daran falsch sein sollte.

#matthias

Eigentlich wollte ich nur wissen ob ich es so richtig eingebunden habe.
Ich habe in einer html Datei ein Script welches nicht das tut was es soll.

PHP

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
	<title>
		jQuery - Animation 1
	</title>  
<style type="text/css" media="screen">
	#Fade {
		width: 300px;
		height: 300px;
		background: blue;	
	}
</style>
</head>
<body>
	<div class="fade" id="Fade"></div>    		
	<a id="Verkleinern" href="#" >Div verkleinern!</a>

<script type="text/javascript" src="Scripte/jquery.js"/>
<script type="text/javascript" src="Scripte/easing.js" />
<script type="text/javascript" >
$(document).ready(function(){
	$("#Ausblenden").click(function(){
		$("#Fade").animate({
			width: "-=40px",
			height: "-=40px"		
		}, 600);

});
</script>
</body>
</html>

Alles anzeigen

MFG Matthias

Bandit

HTML

<script type="text/javascript" src="Scripte/jquery.js"/> 
<script type="text/javascript" src="Scripte/easing.js" /> 
<script type="text/javascript" > 
$(document).ready(function(){ 
    $("#Ausblenden").click(function(){ 
        $("#Fade").animate({ 
            width: "-=40px", 
            height: "-=40px"         
        }, 600); 

}); 
</script>

Alles anzeigen

Das gehört in den Head-Bereich

#matthias

Danke.
Ich habe es jetzt umgeändert:

PHP

<!DOCTYPE html> 
<html lang="de"> 
<head> 
<meta charset="utf-8" /> 
    <title> 
        jQuery - Animation 1 
    </title>   

<script type="text/javascript" src="Scripte/jquery.js"/> 
<script type="text/javascript" src="Scripte/easing.js" /> 
<script type="text/javascript" > 
$(document).ready(function(){ 
    $("#Verkleinern").click(function(){ 
        $("#Fade").animate({ 
            width: "-=40px", 
            height: "-=40px"         
        }, 600); 

}); 
</script> 
<style type="text/css" media="screen"> 
    #Fade { 
        width: 300px; 
        height: 300px; 
        background: blue;     
    } 
</style> 
</head> 
<body> 
    <div class="fade" id="Fade"></div>             
    <a id="Verkleinern" href="#" >Div verkleinern!</a> 
</body> 
</html>

Alles anzeigen

Es hat sich aber leider nichts verändert, das Script funktioniert immer noch nicht.

MFG Matthias

#matthias

Fehler gefunden!

Es hat ein schließendes Klammern Paar gefehlt:

PHP

<script type="text/javascript" src="Scripte/jquery.js"/>  
<script type="text/javascript" src="Scripte/easing.js" />  
<script type="text/javascript" >  
$(document).ready(function(){  
    $("#Verkleinern").click(function(){  
        $("#Fade").animate({  
            width: "-=40px",  
            height: "-=40px"          
        }, 600);  
     }); //das hat gefehlt
});

Alles anzeigen

MFG Matthias

Tags