jQuery УВЕЛИЧЕНИЕ КАРТИНКИ - JavaScript, Ajax

dimonnnn · 18.08.2010, 19:47

вот это не работает

Код HTML:

<html>
<head>
<title>example-15-1-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="jquery.fancybox-1.2.1/jquery.fancybox.css" rel="stylesheet" />
<script src="jquery.fancybox-1.2.1/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.fancybox-1.2.1.pack.js" type="text/javascript"></script>
<style type="text/css">
img { border: none; }
</style>
<script type="text/javascript">
$(function(){
  $("td.demo").fancybox({
    "zoomOpacity": true,
    "zoomSpeedIn": 2500,
    "zoomSpeedOut": 1500,
    "overlayOpacity": 0.7,
    "easingIn": "easeOutBack",
    "easingOut": "easeInBack",
    "hideOnContentClick": false
  });
});
</script>
</head>
<body>
<table>
<td class="demo" rel="group" title="" href="1.jpg"><img src="3.jpg" alt=""/></td>
</table>
</body>
</html>

а вот это работает:

Код HTML:

<html>
<head>
<title>example-15-1-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="jquery.fancybox-1.2.1/jquery.fancybox.css" rel="stylesheet" />
<script src="jquery.fancybox-1.2.1/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.fancybox-1.2.1.pack.js" type="text/javascript"></script>
<style type="text/css">
img { border: none; }
</style>
<script type="text/javascript">
$(function(){
  $("a.demo").fancybox({
    "zoomOpacity": true,
    "zoomSpeedIn": 2500,
    "zoomSpeedOut": 1500,
    "overlayOpacity": 0.7,
    "easingIn": "easeOutBack",
    "easingOut": "easeInBack",
    "hideOnContentClick": false
  });
});
</script>
</head>
<body>
<a class="demo" rel="group" title="" href="1.jpg"><img src="3.jpg" alt=""/></a>
</body>
</html>

разница: в первом картинка в <td>, во втором в <a>. Как сделать чтоб в <td> работало?

kirosin · 18.08.2010, 20:13

попробуй так:

Код HTML:

<table>
<td><a class="demo" rel="group" title="" href="1.jpg"><img src="3.jpg" alt=""/></a></td>
</table>

18.08.2010, 20:13	#2
kirosin Форумчанин Регистрация: 15.01.2010 Сообщений: 209	попробуй так: Код HTML: <table> <td><a class="demo" rel="group" title="" href="1.jpg"><img src="3.jpg" alt=""/></a></td> </table> Все генитальное просто.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
JQuery	ser70	JavaScript, Ajax	2	16.08.2010 16:39
увеличение картинки на сайте	k_a_m_a_z	Помощь студентам	4	01.07.2010 21:44
Отображение картинки на кнопке WPF. Загрузка картинки из ресурсов. Проблема с Uri.	Casper-SC	Общие вопросы .NET	0	27.06.2010 23:11
Увеличение картинки при наведении на нее курсор	messi013	Общие вопросы Delphi	5	10.01.2010 17:22
Размер Image изменяется на размер картинки, а сама она рисуется на области первой картинки	RPGer	Мультимедиа в Delphi	6	20.10.2008 19:54