jQuery ????????

??????? ?????? ?? jQuery ??? ?????????? 3D ???????? ??? ????????????? ????. ??????? ???? ??????. ????????? ?:

• IE 6-8
• Firefox 3-4
• Opera 11
• Safari 5
• Chrome
• iPhone 3GS

??? ???????

• ?????????? jQuery
• ?????? jquery.panorama.js (5Kb)
• jquery.panorama.css (1Kb)

??????? ?????

?????????? ??????????? ?????:

<link href="path-to/jquery.panorama.css" rel="stylesheet" />
<script src="path-to/jquery-1.4.2.min.js"></script>
<script src="path-to/jquery.panorama.js"></script>

??????? ?????????? ????, ????? ????. ?? ????? ???? ??????? ?????????????? ????? ??????? ????????: ??????????? ??????????? ??????? ??????? ???????? ??? ??????? ?????. ????????? ??? ??????????? ? HTML ???????? ? ??????? panorama:

<img src="path-to/panorama.jpg" width="2642" height="375" alt="???????" class="panorama" />

???? ???????? ?????????? ????? ???????? ??????? 3D ???????? ?? ????? ?????.

????????????

• ?????????????????
• ????? ??? ??????? (5Kb — ??? ??? ??????????)
• ???????? (??? ??????? ? ???????? — ????? ?????????? ??? ????)
• ???????? ??????????

??????????

• ??? ??????????? ?????? ?????-???? (??? ??????????? ???????? ????????, ???? ???? ???? ?? ??????? ?????? Javascript ? jQuery);
• ? ????????? ????????? ????? ??????????? ????????? ???????????? ????????. ?? ??? ?????? ?????????? ??????? ?????????? ???????????? ?????????, ??? ?????? ???????.

?????????

??????????? ????????? ??????? ????? ??????? ?? ???????? ????????? ???:

<script>
$(document).ready(function(){
	$("img.mypanorama").panorama({
                 viewport_width: 500,
                 speed: 30000,
                 direction: "right",
                 control_display: "yes"
         });
});
</script>

? ????? ?? ??????? ?????? ???, ??? ????????? ????? ??????? ? ???? ?????? ???????. ?????? ????? ????????? ? ????? ??????.

var settings = {
	viewport_width: 500,
	speed: 30000,
	direction: "left",
	control_display: "auto",
	start_position: 0,
	auto_start: true,
	mode_360: true
};

??? ?? ??????? ????????? ????? ???????? ?????? ??? ???? ????? ???????????????? ????????, ??? ????? ???? ????????? ? ???? ???????. ? ????? ???? ????? ?????????????:

$(document).ready(function(){
	$("img.panorama").panorama();
});

????? ????? ???????? ?? ????? ??????.

?????????

• ???? ??????? ???????

?? ????

• ???????? ???? ???????