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