Fancybox öffnet sich in einem neuen Fenster! Warum?

-1

Ich habe den Code von fancyapps.com genau kopiert und die Ordner auf die richtigen geändert, aber es funktioniert immer noch nicht.Fancybox öffnet sich in einem neuen Fenster! Warum?

wenn ich die Konsole auf Fehler überprüfen, sagt es: "Syntaxfehler: fehlende} vor Anweisung" auf 27:29

dies ist mein Code:

$(document).ready(function() { 
 
    $(".fancybox").fancybox(); 
 
});

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 

 
<html lang="de"> 
 

 
<head> 
 
    <title>Gallery</title> 
 

 
    <meta charset="UTF-8"> 
 
    <link href="innovate.ico" rel="icon"> 
 

 
    <!-- Add jQuery library --> 
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
 

 
    <!-- Add mousewheel plugin (this is optional) --> 
 
    <script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 
 

 
    <!-- Add fancyBox --> 
 
    <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" /> 
 
    <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"></script> 
 

 
    <!-- Optionally add helpers - button, thumbnail and/or media --> 
 
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" /> 
 
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js"></script> 
 
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js"></script> 
 

 
    <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" /> 
 
    <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script> 
 

 

 
</head> 
 

 
<body> 
 

 
    <h2>Gallery</h2> 
 
    <a class="fancybox" rel="gallery1" href="gallery\bild_1.jpg"> 
 
    <img src="gallery\bild_1_klein.jpg" alt="bild1" /> 
 
    </a> 
 

 
    <a class="fancybox" rel="gallery1" href="gallery\bild_2.jpg"> 
 
    <img src="gallery\bild_2_klein.jpg" alt="bild2" /> 
 
    </a> 
 
</body> 
 

 
</html>

Quelle

2016-12-07 popedcorn

-1

es funktioniert., versuchen Sie diesen Code!

Download Example Here

<!DOCTYPE html> 
<html> 
<head> 
    <title>Gallery</title> 
    <meta charset="utf-8"> 
    <!-- Add jQuery library --> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- Add fancyBox --> 
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 

<!-- Optionally add helpers - button, thumbnail and/or media --> 
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 

<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> 
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 
</head> 
<body> 
<a class="fancybox" rel="group" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a> 
<a class="fancybox" rel="group" href="1_b.jpg"><img src="1_s.jpg" alt="" /></a> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(); 
    }); 
</script> 
</body> 
</html>

Quelle

2016-12-08 01:58:14

Fancybox öffnet sich in einem neuen Fenster! Warum?

Antwort

Verwandte Themen