Показать изображение с помощью FancyBox

-1

Как отобразить изображение с помощью FancyBox? Я уже много часов пробовал.Показать изображение с помощью FancyBox

HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>` 
    <script type="text/javascript" src="js/fancyBox/source/jquery.fancybox.pack.js"></script> 
    <link rel="stylesheet" href="js/fancyBox/source/jquery.fancybox.css" type="text/css" media="screen"/> 


<a class="fancybox" href="house.jpg"><img src="house.jpg" alt="" height="400px" width="400px"/></a> 

<script> 
    $(document).ready(function() { 
     $('.fancybox').fancybox(); 
    }); 
</script>

источник

2015-04-14 BlairO91

fancybox v2.x? попробуйте обновить jQuery как минимум до версии v1.7 или выше – JFK

Как отметил @JFK, вы, вероятно, потребуется более поздней версии JQuery. Пример использования демонстрационного файла, предоставленного с помощью Fancybox:

<!DOCTYPE html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Fancybox Example</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>` 
    <script type="text/javascript" src="js/fancyBox/source/jquery.fancybox.pack.js"></script> 
    <link rel="stylesheet" href="js/fancyBox/source/jquery.fancybox.css" type="text/css" media="screen"/> 
</head> 
<body> 
<a class="fancybox" href="js/fancybox/demo/1_b.jpg"> 
    <img src="lib/fancybox/demo/1_b.jpg" alt="" height="400px" width="400px"/> 
</a> 
</body> 
</html> 

<script> 
    $(document).ready(function() { 
     $('.fancybox').fancybox(); 
    }); 
</script>

источник

2015-04-21 15:57:48

Показать изображение с помощью FancyBox

ответ

Смежные вопросы