jQuery ????????

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

Дата публикации: 21.04.2011

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

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

??? ???????

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

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

<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);
  • ? ????????? ????????? ????? ??????????? ????????? ???????????? ????????. ?? ??? ?????? ?????????? ??????? ?????????? ???????????? ?????????, ??? ?????? ???????.

?????????

???????? ????????? ???????? ????????? ???????? ?? ?????????
viewport_width ??????? ??????? ????????. ?????? ??????, ?????? ????????????? ? ?????? ?/??? ??????? ?? ?????? ????? ????????. ????? ????? ????????????? ????? 600
speed ???????? ????????. ??? ?????? ?????, ??? ????????? ????? ????????. ????? ????? ????????????? ????? 20000
direction ??????????? ????????. left ??? right left
control_display ????????? ?????? ??????????. auto ??? yes auto
start_position ????????? ??????? ????????. ????? ????????????? ????? ??? ?????? ???? x=1000px 0
auto_start ?????????????? ?????? ????????. true ??? false true
mode_360 ????? 360°. true ??? false true

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

<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();
});

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

?????????

?? ????

Теги: , ,
Показать комментарии