Ziemlich neu in der Codierung, kann dieses Plugin nicht funktionieren. Ich weiß, das wird eine schnelle Lösung für erfahrene lugt sein, aber für mich, es macht mich verrückt ...JQuery twentowntwenty Plugin
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="event.move.jquery.json"></script>
<link rel="stylesheet" type="text/css" href="foundation.css">
<script src="jquery-3.0.0.min.js"></script>
<script src="jquery.event.move.js"></script>
<script src="jquery.twentytwenty.js"></script>
<link rel="stylesheet" type="text/css" href="twentytwenty.css">
<script>
$(window).load(function() {
$("#container1").twentytwenty();
});
</script>
<title>test</title>
</head>
<body>
<div id="container1" class="twentytwenty-container">
<img src="images/IMG001.jpg">
<img src="images/IMG001_alt.jpg">
</div>
</body>
</html>
Ich habe heruntergeladen und klebte die JS-Dateien genau so, wie sie online kam. Die Anweisungen auf der Quellseite des Plugins machen es so einfach, aber ich habe keine Ahnung, was ich falsch mache ... Alles was ich getan habe, ist die Bilder zu ändern. Jede mögliche Anleitung wäre sehr willkommen :)
Plugin Quelle: http://zurb.com/playground/twentytwenty
Gibt es Fehler in die Browserkonsole? Hit F12 in Chrome, Firefox oder IE und suchen Sie nach roten Sachen. – JohnnyFun
Ja, ein paar ... Hauptsache ist SyntaxError in event.move.jquery.json ... hat einen grünen Pfeil, der zwischen dem: und "dieses Bit des Codes -" Name ":" event.move "zeigt. Don Ich weiß aber nicht, was da drin sein soll. –
Sieht so aus, als ob sie jquery 1.10.1 in ihren Beispielen verwenden, also könntest du versuchen, http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/ zu verwenden. jquery.min.js anstelle des Skripts, um jquery-3 zu erhalten. – JohnnyFun