Я новичок и читаю справочные форумы.Все, что я хочу сделать (на данный момент), это иметь изображение ("mygoal.png"), которое будет отображаться в центре экрана с плавным переходом.Я надеялся, что изображение будет отображаться в виде прославленного всплывающего окна, которое и привело меня в fancybox.
РЕДАКТИРОВАТЬ: я получаю следующие две ошибки:
1) uncaught referenceerror: jquery is not defined
2) uncaught typeerro: object #<object> has no method fancybox
Я помещаю весь свой код в один документ - надеюсь, это правильная практика для jQuery.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
$(document).ready(function() {
/* I can't get the below code to work */
$("a#single_image").click(function(event){
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
});
</script>
</head>
<body>
<a id="single_image" href="mygoal.png"><img src="mygoal.png" alt=""></a>
</body>
</html>
Кто-нибудь видит мою ошибку в приведенном выше коде?Когда я щелкаю изображение сейчас, оно просто переносит меня на новую страницу - но никакого эффекта вообще.
Спасибо за чтение,
Эван