heuzef
/
pannellum
зеркало из https://github.com/mpetroff/pannellum.git
1
0
Форкнуть 0
Код Задачи 0 Релизы 22 Вики Активность
Просмотр исходного кода

Added hot spot tooltips.

pull/1/merge
Matthew Petroff 12 лет назад
Родитель
26eed5adbf
Сommit
1200e4a2e5
6 измененных файлов: 253 добавлений и 104 удалений
Разделённый вид
Опции Diff
Показать статистику Скачать Patch файл Скачать Diff файл
  1. +170
    -74
      artwork-src/sprites.svg
  2. +4
    -4
      examples/example.json
  3. +1
    -1
      src/css/img/sprites.svg
  4. +51
    -13
      src/css/pannellum.css
  5. +21
    -6
      src/js/pannellum.js
  6. +6
    -6
      src/pannellum.htm

+ 170
- 74
artwork-src/sprites.svg Просмотреть файл

@@ -26,7 +26,7 @@
</rdf:RDF>
</metadata>
<g
id="g4193">
id="g3471">
<g
transform="translate(-51.622576,-157.26671)"
id="layer1">
@@ -47,7 +47,7 @@
id="text3755-1"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
@@ -73,12 +73,15 @@
id="text3755-1-0"
style="fill:#000000;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781-9"
style="fill:#000000;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
</g>
<g
id="g3454">
<g
transform="translate(-78.622576,-157.26671)"
id="layer1-4">
@@ -103,7 +106,7 @@
id="text3755-1-0-8"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781-9-8"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
@@ -112,7 +115,7 @@
id="text3755-1-4"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781-8"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
@@ -140,7 +143,7 @@
id="text3755-1-0-1"
style="fill:#000000;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781-9-7"
style="fill:#000000;fill-opacity:1;stroke:none" />
</g>
@@ -149,64 +152,64 @@
id="text3755-1-4-1"
style="fill:#000000;fill-opacity:1;stroke:none">
<path
d="m 181.23132,435.6048 46.25214,0 0,17.84956 -46.25214,0 z"
d="m 181.23132,435.6048 46.25214,0 0,17.84956 L 181.23132,453.45436 Z"
id="path3781-8-1"
style="fill:#000000;fill-opacity:1;stroke:none" />
</g>
</g>
</g>
</g>
<g
transform="translate(-78.122574,-184.26671)"
id="layer1-8">
<rect
width="79"
height="25"
ry="8.9506168"
x="79.122574"
y="185.26671"
id="rect2985-4-8"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<g
transform="translate(-78.122574,-184.26671)"
id="layer1-8">
<rect
width="79"
height="25"
ry="8.9506168"
x="79.122574"
y="185.26671"
id="rect2985-4-8"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<g
transform="translate(0.245298,-0.81973)"
id="text2994"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="m 83.230042,206.21828 0,-0.57569 0.863769,-0.0801 0.271973,-0.25586 0,-9.28028 -1.135742,0 0,-0.49609 1.855957,-0.57568 0.60791,0 0,0.87988 c 0.842769,-0.63997 1.626786,-0.95996 2.35205,-0.95996 0.885411,0 1.618727,0.34668 2.199952,1.04004 0.581209,0.69336 0.871818,1.59473 0.871826,2.7041 -8e-6,1.25846 -0.359953,2.26636 -1.079834,3.02368 -0.719896,0.75732 -1.671962,1.13599 -2.856201,1.13599 -0.405278,0 -0.901208,-0.048 -1.487793,-0.14405 l 0,2.67237 0.271972,0.25586 1.023926,0.0801 0,0.57569 z m 2.463867,-4.41602 c 0.512041,0.1709 0.965328,0.25635 1.359863,0.25635 0.789383,0 1.429438,-0.29338 1.920166,-0.88013 0.490716,-0.58675 0.736077,-1.37068 0.736084,-2.3518 -7e-6,-0.9069 -0.213386,-1.62435 -0.640137,-2.15235 -0.426763,-0.52799 -0.99203,-0.79198 -1.695801,-0.79199 -0.490889,1e-5 -1.050947,0.18132 -1.680175,0.54394 z"
id="path3771"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 96.21894,201.80226 c -1.013351,0.69336 -1.888025,1.04004 -2.624024,1.04004 -0.629559,0 -1.128338,-0.18929 -1.496338,-0.56787 -0.368002,-0.37858 -0.552002,-0.87191 -0.552002,-1.47998 0,-0.77864 0.333333,-1.35197 1,-1.71997 0.666665,-0.368 1.890785,-0.76538 3.672364,-1.19214 l 0,-0.51172 c -6e-6,-0.65071 -0.104009,-1.11205 -0.312012,-1.38403 -0.208013,-0.27197 -0.594731,-0.40795 -1.160156,-0.40796 -0.39486,1e-5 -0.800296,0.0853 -1.216309,0.25586 l 0,1.34424 -1.104004,0 c -0.181316,0 -0.309246,-0.0347 -0.383789,-0.10401 -0.07455,-0.0693 -0.111817,-0.20002 -0.111816,-0.39209 -10e-7,-0.50129 0.293293,-0.92797 0.879883,-1.28003 0.586586,-0.35204 1.370602,-0.52807 2.35205,-0.52807 0.842443,0 1.450353,0.18132 1.823731,0.54394 0.373366,0.36264 0.560052,0.94939 0.560058,1.76026 l 0,4.63964 0.288086,0.25635 0.848145,0.0796 0,0.57617 -2.256348,0 z m 0,-0.54394 0,-2.81592 c -1.226892,0.34147 -2.07764,0.65886 -2.552246,0.95215 -0.474612,0.29329 -0.711917,0.71728 -0.711914,1.27197 -3e-6,0.39453 0.114662,0.71183 0.343994,0.9519 0.229326,0.24008 0.541257,0.36011 0.935791,0.36011 0.490881,0 1.152339,-0.24007 1.984375,-0.72021 z"
id="path3773"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 99.47968,202.73048 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.16275,-0.63997 2.02147,-0.95996 2.57617,-0.95996 0.70409,0 1.24014,0.20533 1.60815,0.61596 0.368,0.41066 0.552,1.01604 0.552,1.81617 l 0,4.51171 0.27198,0.25635 0.86377,0.0796 0,0.57617 -3.50391,0 0,-0.57617 0.76807,-0.0796 0.27197,-0.25635 0,-4.23974 c -10e-6,-0.58691 -0.12265,-1.0083 -0.36792,-1.26416 -0.24529,-0.25585 -0.66138,-0.38378 -1.24829,-0.38379 -0.51205,1e-5 -1.10938,0.17595 -1.79199,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 0,0.57617 z"
id="path3775"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 108.57343,202.73048 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.16275,-0.63997 2.02147,-0.95996 2.57617,-0.95996 0.70409,0 1.24014,0.20533 1.60815,0.61596 0.368,0.41066 0.552,1.01604 0.552,1.81617 l 0,4.51171 0.27198,0.25635 0.86377,0.0796 0,0.57617 -3.50391,0 0,-0.57617 0.76807,-0.0796 0.27197,-0.25635 0,-4.23974 c -10e-6,-0.58691 -0.12265,-1.0083 -0.36792,-1.26416 -0.24529,-0.25585 -0.66138,-0.38378 -1.24829,-0.38379 -0.51205,1e-5 -1.10938,0.17595 -1.79199,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 0,0.57617 z"
id="path3777"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 123.35476,201.03468 0,0.87989 c -0.95997,0.63997 -1.96257,0.95996 -3.00782,0.95996 -1.05599,0 -1.91471,-0.36271 -2.57617,-1.08814 -0.66146,-0.72542 -0.99219,-1.67472 -0.99219,-2.8479 0,-1.2054 0.34668,-2.18407 1.04004,-2.93603 0.69336,-0.75195 1.57878,-1.12793 2.65625,-1.12793 0.87467,0 1.57332,0.28003 2.09595,0.84008 0.52262,0.56007 0.78393,1.33066 0.78394,2.31177 -1e-5,0.21355 -0.005,0.37891 -0.0161,0.4961 l -5.18408,0 0,0.17578 c 0,1.01335 0.24267,1.81071 0.72803,2.39209 0.48535,0.58138 1.13867,0.87207 1.95996,0.87207 0.74674,0 1.58414,-0.30925 2.51221,-0.92774 z m -1.42383,-3.18408 0,-0.25635 c -1e-5,-0.65038 -0.14405,-1.14631 -0.43213,-1.48779 -0.28809,-0.34146 -0.69874,-0.5122 -1.23193,-0.51221 -0.52279,1e-5 -0.98153,0.2107 -1.37623,0.63208 -0.39469,0.4214 -0.61336,0.96282 -0.656,1.62427 z"
id="path3779"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 123.77869,202.73048 0,-0.57617 0.94385,-0.0796 0.27197,-0.25635 0,-9.79199 -1.23193,0 0,-0.49609 1.95166,-0.57568 0.60839,0 0,10.86376 0.2876,0.25635 0.91211,0.0796 0,0.57617 z"
id="path3781-2"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 128.27869,202.73048 0,-0.57617 0.94385,-0.0796 0.27197,-0.25635 0,-9.79199 -1.23193,0 0,-0.49609 1.95166,-0.57568 0.60839,0 0,10.86376 0.2876,0.25635 0.91211,0.0796 0,0.57617 z"
id="path3783"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 133.50254,194.87453 0.60791,0 0,5.2959 c 0,0.57617 0.12532,1.00293 0.37598,1.28027 0.25064,0.27734 0.64273,0.41602 1.17627,0.41601 0.58658,10e-6 1.20523,-0.16015 1.85595,-0.48046 l 0,-5.42383 -1.13623,0 0,-0.4961 1.85596,-0.59179 0.6084,0 0,6.94384 0.2876,0.25635 0.75195,0.0796 0,0.57617 -2.36768,0 0,-0.89599 c -0.98145,0.7041 -1.84554,1.05615 -2.59228,1.05615 -0.69336,0 -1.22404,-0.20801 -1.59204,-0.62402 -0.36801,-0.41602 -0.55201,-1.02409 -0.552,-1.82422 l 0,-4.47998 -1.13575,0 0,-0.4961 z"
id="path3785"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 147.58848,195.9463 c 1.21581,-0.71451 2.13313,-1.07177 2.75195,-1.07177 0.63996,0 1.14395,0.2107 1.51196,0.63208 0.36799,0.42139 0.55199,1.02141 0.55201,1.80005 l 0,4.51171 0.27197,0.25635 0.84814,0.0796 0,0.57617 -3.48828,0 0,-0.57617 0.75195,-0.0796 0.28809,-0.25635 0,-4.23974 c -1e-5,-1.09863 -0.47999,-1.64794 -1.43994,-1.64795 -0.48015,1e-5 -1.08285,0.17595 -1.80811,0.52783 l 0,5.35986 0.28809,0.25635 0.75195,0.0796 0,0.57617 -3.40771,0 0,-0.57617 0.76758,-0.0796 0.27197,-0.25635 0,-4.23974 c -1e-5,-1.09863 -0.46925,-1.64794 -1.40772,-1.64795 -0.51204,1e-5 -1.12012,0.17595 -1.82421,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 0,0.57617 -3.5039,0 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.08821,-0.63997 1.94156,-0.95996 2.56005,-0.95996 0.80013,0 1.38688,0.35726 1.76026,1.07177 z"
id="path3787"
style="fill:#ffffff;fill-opacity:1" />
</g>
transform="translate(0.245298,-0.81973)"
id="text2994"
style="fill:#ffffff;fill-opacity:1;stroke:none">
<path
d="m 83.230042,206.21828 0,-0.57569 0.863769,-0.0801 0.271973,-0.25586 0,-9.28028 -1.135742,0 0,-0.49609 1.855957,-0.57568 0.60791,0 0,0.87988 c 0.842769,-0.63997 1.626786,-0.95996 2.35205,-0.95996 0.885411,0 1.618727,0.34668 2.199952,1.04004 0.581209,0.69336 0.871818,1.59473 0.871826,2.7041 -8e-6,1.25846 -0.359953,2.26636 -1.079834,3.02368 -0.719896,0.75732 -1.671962,1.13599 -2.856201,1.13599 -0.405278,0 -0.901208,-0.048 -1.487793,-0.14405 l 0,2.67237 0.271972,0.25586 1.023926,0.0801 L 86.989807,206.21828 z m 2.463867,-4.41602 c 0.512041,0.1709 0.965328,0.25635 1.359863,0.25635 0.789383,0 1.429438,-0.29338 1.920166,-0.88013 0.490716,-0.58675 0.736077,-1.37068 0.736084,-2.3518 -7e-6,-0.9069 -0.213386,-1.62435 -0.640137,-2.15235 -0.426763,-0.52799 -0.99203,-0.79198 -1.695801,-0.79199 C 86.883195,195.88235 86.323137,196.06366 85.693909,196.42628 Z"
id="path3771"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 96.21894,201.80226 c -1.013351,0.69336 -1.888025,1.04004 -2.624024,1.04004 -0.629559,0 -1.128338,-0.18929 -1.496338,-0.56787 -0.368002,-0.37858 -0.552002,-0.87191 -0.552002,-1.47998 0,-0.77864 0.333333,-1.35197 1,-1.71997 0.666665,-0.368 1.890785,-0.76538 3.672364,-1.19214 l 0,-0.51172 c -6e-6,-0.65071 -0.104009,-1.11205 -0.312012,-1.38403 -0.208013,-0.27197 -0.594731,-0.40795 -1.160156,-0.40796 -0.39486,1e-5 -0.800296,0.0853 -1.216309,0.25586 l 0,1.34424 -1.104004,0 c -0.181316,0 -0.309246,-0.0347 -0.383789,-0.10401 -0.07455,-0.0693 -0.111817,-0.20002 -0.111816,-0.39209 -10e-7,-0.50129 0.293293,-0.92797 0.879883,-1.28003 0.586586,-0.35204 1.370602,-0.52807 2.35205,-0.52807 0.842443,0 1.450353,0.18132 1.823731,0.54394 0.373366,0.36264 0.560052,0.94939 0.560058,1.76026 l 0,4.63964 0.288086,0.25635 0.848145,0.0796 0,0.57617 L 96.426459,202.73049 z m 0,-0.54394 0,-2.81592 c -1.226892,0.34147 -2.07764,0.65886 -2.552246,0.95215 -0.474612,0.29329 -0.711917,0.71728 -0.711914,1.27197 -3e-6,0.39453 0.114662,0.71183 0.343994,0.9519 0.229326,0.24008 0.541257,0.36011 0.935791,0.36011 C 94.725446,201.97853 95.386904,201.73846 96.21894,201.25832 Z"
id="path3773"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 99.47968,202.73048 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.16275,-0.63997 2.02147,-0.95996 2.57617,-0.95996 0.70409,0 1.24014,0.20533 1.60815,0.61596 0.368,0.41066 0.552,1.01604 0.552,1.81617 l 0,4.51171 0.27198,0.25635 0.86377,0.0796 0,0.57617 -3.50391,0 0,-0.57617 0.76807,-0.0796 0.27197,-0.25635 0,-4.23974 c -10e-6,-0.58691 -0.12265,-1.0083 -0.36792,-1.26416 -0.24529,-0.25585 -0.66138,-0.38378 -1.24829,-0.38379 -0.51205,1e-5 -1.10938,0.17595 -1.79199,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 L 102.98358,202.73048 Z"
id="path3775"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 108.57343,202.73048 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.16275,-0.63997 2.02147,-0.95996 2.57617,-0.95996 0.70409,0 1.24014,0.20533 1.60815,0.61596 0.368,0.41066 0.552,1.01604 0.552,1.81617 l 0,4.51171 0.27198,0.25635 0.86377,0.0796 0,0.57617 -3.50391,0 0,-0.57617 0.76807,-0.0796 0.27197,-0.25635 0,-4.23974 c -10e-6,-0.58691 -0.12265,-1.0083 -0.36792,-1.26416 -0.24529,-0.25585 -0.66138,-0.38378 -1.24829,-0.38379 -0.51205,1e-5 -1.10938,0.17595 -1.79199,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 L 112.07733,202.73048 Z"
id="path3777"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 123.35476,201.03468 0,0.87989 c -0.95997,0.63997 -1.96257,0.95996 -3.00782,0.95996 -1.05599,0 -1.91471,-0.36271 -2.57617,-1.08814 -0.66146,-0.72542 -0.99219,-1.67472 -0.99219,-2.8479 0,-1.2054 0.34668,-2.18407 1.04004,-2.93603 0.69336,-0.75195 1.57878,-1.12793 2.65625,-1.12793 0.87467,0 1.57332,0.28003 2.09595,0.84008 0.52262,0.56007 0.78393,1.33066 0.78394,2.31177 -1e-5,0.21355 -0.005,0.37891 -0.0161,0.4961 l -5.18408,0 0,0.17578 c 0,1.01335 0.24267,1.81071 0.72803,2.39209 0.48535,0.58138 1.13867,0.87207 1.95996,0.87207 C 121.58931,201.96242 122.42671,201.65317 123.35478,201.03468 z m -1.42383,-3.18408 0,-0.25635 c -1e-5,-0.65038 -0.14405,-1.14631 -0.43213,-1.48779 -0.28809,-0.34146 -0.69874,-0.5122 -1.23193,-0.51221 -0.52279,1e-5 -0.98153,0.2107 -1.37623,0.63208 C 118.49595,196.64773 118.27728,197.18915 118.23464,197.8506 Z"
id="path3779"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 123.77869,202.73048 0,-0.57617 0.94385,-0.0796 0.27197,-0.25635 0,-9.79199 -1.23193,0 0,-0.49609 1.95166,-0.57568 0.60839,0 0,10.86376 0.2876,0.25635 0.91211,0.0796 L 127.52234,202.73048 Z"
id="path3781-2"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 128.27869,202.73048 0,-0.57617 0.94385,-0.0796 0.27197,-0.25635 0,-9.79199 -1.23193,0 0,-0.49609 1.95166,-0.57568 0.60839,0 0,10.86376 0.2876,0.25635 0.91211,0.0796 L 132.02234,202.73048 Z"
id="path3783"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 133.50254,194.87453 0.60791,0 0,5.2959 c 0,0.57617 0.12532,1.00293 0.37598,1.28027 0.25064,0.27734 0.64273,0.41602 1.17627,0.41601 0.58658,10e-6 1.20523,-0.16015 1.85595,-0.48046 l 0,-5.42383 -1.13623,0 0,-0.4961 1.85596,-0.59179 0.6084,0 0,6.94384 0.2876,0.25635 0.75195,0.0796 0,0.57617 -2.36768,0 0,-0.89599 c -0.98145,0.7041 -1.84554,1.05615 -2.59228,1.05615 -0.69336,0 -1.22404,-0.20801 -1.59204,-0.62402 -0.36801,-0.41602 -0.55201,-1.02409 -0.552,-1.82422 l 0,-4.47998 -1.13575,0 L 131.64658,195.46633 Z"
id="path3785"
style="fill:#ffffff;fill-opacity:1" />
<path
d="m 147.58848,195.9463 c 1.21581,-0.71451 2.13313,-1.07177 2.75195,-1.07177 0.63996,0 1.14395,0.2107 1.51196,0.63208 0.36799,0.42139 0.55199,1.02141 0.55201,1.80005 l 0,4.51171 0.27197,0.25635 0.84814,0.0796 0,0.57617 -3.48828,0 0,-0.57617 0.75195,-0.0796 0.28809,-0.25635 0,-4.23974 c -1e-5,-1.09863 -0.47999,-1.64794 -1.43994,-1.64795 -0.48015,1e-5 -1.08285,0.17595 -1.80811,0.52783 l 0,5.35986 0.28809,0.25635 0.75195,0.0796 0,0.57617 -3.40771,0 0,-0.57617 0.76758,-0.0796 0.27197,-0.25635 0,-4.23974 c -1e-5,-1.09863 -0.46925,-1.64794 -1.40772,-1.64795 -0.51204,1e-5 -1.12012,0.17595 -1.82421,0.52783 l 0,5.35986 0.27197,0.25635 0.76806,0.0796 0,0.57617 -3.5039,0 0,-0.57617 0.86426,-0.0796 0.27197,-0.25635 0,-5.79199 -1.13623,0 0,-0.49609 1.85595,-0.57568 0.60792,0 0,0.87988 c 1.08821,-0.63997 1.94156,-0.95996 2.56005,-0.95996 C 146.62835,194.87453 147.2151,195.23179 147.58848,195.9463 Z"
id="path3787"
style="fill:#ffffff;fill-opacity:1" />
</g>
</g>
<g
@@ -228,19 +231,19 @@
id="rect2985-0"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 121.77483,193.88845 0,64.80001 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85358 -64.8,0 z"
d="m 121.77483,193.88845 0,64.80001 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85358 L 121.77483,193.88845 Z"
id="rect3148"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 269.77143,194.01932 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 0,-64.8 z"
d="m 269.77143,194.01932 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 L 269.77143,194.01932 Z"
id="rect3148-3"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 269.77143,342.13362 0,-64.8 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 64.8,0 z"
d="m 269.77143,342.13362 0,-64.8 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 L 269.77143,342.13362 Z"
id="rect3148-41"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 121.65714,342.13361 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 -22.85357,-22.85357 0,64.8 z"
d="m 121.65714,342.13361 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 L 121.65714,277.33361 121.65714,342.13361 Z"
id="rect3148-1"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
@@ -258,19 +261,19 @@
id="rect2985-45-1"
style="opacity:0.7;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 121.77483,193.95388 0,64.80001 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85358 -64.8,0 z"
d="m 121.77483,193.95388 0,64.80001 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85358 L 121.77483,193.95388 Z"
id="rect3148-8"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 269.77143,194.08475 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 0,-64.8 z"
d="m 269.77143,194.08475 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 L 269.77143,194.08475 Z"
id="rect3148-3-7"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 269.77143,342.19905 0,-64.8 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 64.8,0 z"
d="m 269.77143,342.19905 0,-64.8 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 L 269.77143,342.19905 Z"
id="rect3148-41-4"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 121.65714,342.19904 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 -22.85357,-22.85357 0,64.8 z"
d="m 121.65714,342.19904 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 L 121.65714,277.39904 121.65714,342.19904 Z"
id="rect3148-1-2"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
@@ -306,19 +309,19 @@
id="rect2985-0-3"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 186.57484,258.68846 0,-64.80001 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85358 64.8,0 z"
d="m 186.57484,258.68846 0,-64.80001 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85358 L 186.57484,258.68846 Z"
id="rect3148-19"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 204.97143,258.81932 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 -22.85357,-22.85357 0,64.8 z"
d="m 204.97143,258.81932 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 L 250.38928,194.01932 227.825,216.87289 204.97143,194.01932 204.97143,258.81932 Z"
id="rect3148-3-8"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 204.97143,277.33362 0,64.8 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85357 -64.8,0 z"
d="m 204.97143,277.33362 0,64.8 22.56429,-22.56429 L 250.1,342.13362 269.77143,322.75147 246.91786,300.18719 269.77143,277.33362 204.97143,277.33362 Z"
id="rect3148-41-6"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 186.45714,277.33361 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 0,-64.8 z"
d="m 186.45714,277.33361 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 L 186.45714,277.33361 Z"
id="rect3148-1-5"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
@@ -336,21 +339,114 @@
id="rect2985-45-1-2"
style="opacity:0.7;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 186.57484,258.75388 0,-64.80001 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 64.8,0 z"
d="m 186.57484,258.75388 0,-64.80001 -22.56429,22.56429 -22.56428,-22.56429 -19.67143,19.38215 22.85357,22.56428 -22.85357,22.85357 L 186.57484,258.75387 Z"
id="rect3148-8-8"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 204.97143,258.88475 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 -19.38215,-19.67143 -22.56428,22.85357 -22.85357,-22.85357 0,64.8 z"
d="m 204.97143,258.88475 64.8,0 -22.56429,-22.56429 22.56429,-22.56428 L 250.38928,194.08475 227.825,216.93832 204.97143,194.08475 204.97143,258.88475 Z"
id="rect3148-3-7-6"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 204.97143,277.39905 0,64.8 22.56429,-22.56429 22.56428,22.56429 19.67143,-19.38215 -22.85357,-22.56428 22.85357,-22.85357 -64.8,0 z"
d="m 204.97143,277.39905 0,64.8 22.56429,-22.56429 L 250.1,342.19905 269.77143,322.8169 246.91786,300.25262 269.77143,277.39905 204.97143,277.39905 Z"
id="rect3148-41-4-0"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
<path
d="m 186.45714,277.39904 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 0,-64.8 z"
d="m 186.45714,277.39904 -64.8,0 22.56429,22.56429 -22.56429,22.56428 19.38215,19.67143 22.56428,-22.85357 22.85357,22.85357 L 186.45714,277.39904 Z"
id="rect3148-1-2-2"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
</g>
<g
transform="translate(109.60646,46.517108)"
id="g4255-8">
<g
transform="translate(-134.22904,-149.78382)"
id="layer1-4-17-0">
<g
transform="matrix(0.10802469,0,0,0.10802469,70.980601,168.80783)"
id="g3847-4-1"
style="stroke:none">
<rect
width="231.42857"
height="231.42857"
ry="82.85714"
x="80"
y="152.36218"
id="rect2985-0-9"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<g
id="text133"
style="font-size:370.28570557px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter">
<path
d="m 195.94571,184.29932 c -9.48857,0 -16.66285,7.40571 -16.66285,17.35714 0,10.18286 7.63714,17.12572 16.89428,17.12572 9.72,0 17.12572,-7.17429 17.12572,-17.58857 C 213.30286,191.70503 206.36,184.29932 195.94571,184.29932 z m 2.54572,52.76571 -32.63143,10.87715 0,9.25714 15.27428,0 0,79.84286 -3.24,3.47143 -12.49714,0.92571 0,10.41429 60.63429,0 0,-10.41429 -12.96,-0.92571 -3.47143,-3.47143 0,-99.97715 L 198.49143,237.06503 Z"
id="path138"
style="font-size:231.42857361px;font-weight:bold;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter Bold" />
</g>
</g>
</g>
<g
transform="matrix(0.10802469,0,0,0.10802469,-63.248439,46.024015)"
id="g3847-2-5-1"
style="stroke:none">
<rect
width="231.42857"
height="231.42857"
ry="82.85714"
x="80"
y="152.36218"
id="rect2985-45-1-9"
style="opacity:0.7;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<g
transform="translate(1.8041993e-6,4.4213868e-6)"
id="text133-4"
style="font-size:370.28570557px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter">
<path
d="m 195.94571,184.29932 c -9.48857,0 -16.66285,7.40571 -16.66285,17.35714 0,10.18286 7.63714,17.12572 16.89428,17.12572 9.72,0 17.12572,-7.17429 17.12572,-17.58857 C 213.30286,191.70503 206.36,184.29932 195.94571,184.29932 z m 2.54572,52.76571 -32.63143,10.87715 0,9.25714 15.27428,0 0,79.84286 -3.24,3.47143 -12.49714,0.92571 0,10.41429 60.63429,0 0,-10.41429 -12.96,-0.92571 -3.47143,-3.47143 0,-99.97715 L 198.49143,237.06503 Z"
id="path138-3"
style="font-size:231.42857361px;font-weight:bold;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;font-family:Bitstream Charter;-inkscape-font-specification:Bitstream Charter Bold" />
</g>
</g>
</g>
<g
transform="translate(109.60646,-7.4828925)"
id="g4255-8-1">
<g
transform="translate(-134.22904,-149.78382)"
id="layer1-4-17-0-8">
<g
transform="matrix(0.10802469,0,0,0.10802469,70.980601,168.80783)"
id="g3847-4-1-0"
style="stroke:none">
<rect
width="231.42857"
height="231.42857"
ry="82.85714"
x="80"
y="152.36218"
id="rect2985-0-9-7"
style="opacity:0.7;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 195.71431,193.0914 -88.17257,88.17259 61.40588,0 0,61.40592 53.13973,0.39367 -0.39369,-61.79953 62.19317,0 L 195.71431,193.0914 Z"
id="rect3148-13"
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
</g>
<g
transform="matrix(0.10802469,0,0,0.10802469,-63.248439,46.024015)"
id="g3847-2-5-1-2"
style="stroke:none">
<rect
width="231.42857"
height="231.42857"
ry="82.85714"
x="80"
y="152.36218"
id="rect2985-45-1-9-7"
style="opacity:0.7;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" />
<path
d="m 195.71432,193.09138 -88.17257,88.17259 61.40588,0 0,61.40592 53.13973,0.39371 -0.3937,-61.79953 62.19317,0 L 195.71432,193.09138 Z"
id="rect3148-13-4"
style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
</g>
</g>
</svg>

+ 4
- 4
examples/example.json Просмотреть файл

@@ -1,17 +1,17 @@
{
"hotSpots": [
{
"pitch": 20,
"yaw": -30,
"pitch": -12,
"yaw": -170,
"type": "info",
"text": "This is some text."
"text": "This is Jordan Pond, located in Acadia National Park."
},
{
"pitch": -10,
"yaw": 50,
"type": "link",
"text": "This is a link.",
"URL": "http://www.google.com/"
"URL": "https://github.com/mpetroff/pannellum"
}
]
}

+ 1
- 1
src/css/img/sprites.svg
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


+ 51
- 13
src/css/pannellum.css Просмотреть файл

@@ -15,6 +15,12 @@ body {
background-image: -o-linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666);
background-image: linear-gradient(-45deg, #999 24%, #666 26%, #666 49%, #999 51%, #999 74%, #666 76%, #666);
background-size:20px 20px;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
user-select:none;
}

.grab {
@@ -29,15 +35,6 @@ body {
background-image:url('img/sprites.svg');
}

.noselect {
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
user-select:none;
}

#container {
cursor:inherit;
}
@@ -316,8 +313,49 @@ body {

.hotspot {
position:absolute;
height:20px;
width:20px;
background:rgba(0,0,0,0.8);
display:none;
height:27px;
width:27px;
visibility:hidden;
cursor:default;
}
.hotspot.info {
background-position:-54px -81px;
}
.hotspot.info:hover {
background-position:-54px -108px;
}
.hotspot.link {
background-position:-54px -27px;
}
.hotspot.link:hover {
background-position:-54px -54px;
}

div.tooltip span {
visibility:hidden;
position:absolute;
border-radius: 10px;
background-color:rgba(0,0,0,0.7);
color:#fff;
text-align:center;
max-width:200px;
z-index:10;
padding:5px 10px;
margin-top:-41px;
margin-left:-220px;
cursor:default;
}
div.tooltip:hover span{
visibility:visible;
}
div.tooltip:hover:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: rgba(0,0,0,0.7) transparent transparent transparent;
top: -12px;
left: 4px;
}

+ 21
- 6
src/js/pannellum.js Просмотреть файл

@@ -546,8 +546,23 @@ function renderInit() {
function createHotSpots() {
config.hotSpots.forEach(function(hs) {
var div = document.createElement('div');
div.setAttribute('class', 'hotspot');
document.getElementById('page').appendChild(div);
var span = document.createElement('span');
div.setAttribute('class', 'hotspot tooltip sprite ' + hs.type);
if(hs.URL) {
var a = document.createElement('a');
a.setAttribute('href', hs.URL);
document.getElementById('page').appendChild(a);
div.style.cursor = 'pointer';
span.style.cursor = 'pointer';
a.appendChild(div);
} else {
document.getElementById('page').appendChild(div);
}
span.innerHTML = hs.text;
div.appendChild(span);
span.style.width = span.scrollWidth - 20 + 'px';
span.style.marginLeft = -(span.scrollWidth - 20) / 2 + 'px';
span.style.marginTop = -span.scrollHeight - 12 + 'px';
hs.div = div;
});
}
@@ -559,17 +574,17 @@ function renderHotSpots() {
Math.PI / 180) * Math.cos(pitch * Math.PI / 180);
if((hs.yaw <= 90 && hs.yaw > -90 && z <= 0) ||
(hs.yaw > 90 || hs.yaw <= -90 && z <= 0)) {
hs.div.style.display = 'none';
hs.div.style.visibility = 'hidden';
} else {
hs.div.style.display = 'inline';
hs.div.style.visibility = 'visible';
hs.div.style.top = -canvas.height / Math.tan(hfov * Math.PI / 360) *
(Math.sin(hs.pitch * Math.PI / 180) * Math.cos(pitch * Math.PI /
180) - Math.cos(hs.pitch * Math.PI / 180) * Math.cos((hs.yaw +
yaw) * Math.PI / 180) * Math.sin(pitch * Math.PI / 180)) / z /
2 + canvas.height / 2 - 10 + 'px';
2 + canvas.height / 2 - 13.5 + 'px';
hs.div.style.left = -canvas.height / Math.tan(hfov * Math.PI / 360) *
Math.sin((hs.yaw + yaw) * Math.PI / 180) * Math.cos(hs.pitch *
Math.PI / 180) / z / 2 + canvas.width / 2 - 10 + 'px';
Math.PI / 180) / z / 2 + canvas.width / 2 - 13.5 + 'px';
}
});
}


+ 6
- 6
src/pannellum.htm Просмотреть файл

@@ -6,14 +6,14 @@
<link type="text/css" rel="Stylesheet" href="css/pannellum.css" />
</head>
<body class="noselect">
<body>
<div id="page">
<div id="container"><canvas id="canvas"></div>
<noscript><div id="nojavascript" class="noselect"><p>Javascript is required to view this panorama.<br>(It could be worse; you could need a plugin.)</p></div></noscript>
<noscript><div id="nojavascript"><p>Javascript is required to view this panorama.<br>(It could be worse; you could need a plugin.)</p></div></noscript>
<div id="panorama_info" class="noselect">
<div id="panorama_info">
<div id="title_box"></div>
<div id="author_box"></div>
</div>
@@ -27,11 +27,11 @@
<div id="fullwindowtoggle_button" onclick="toggleFullWindow()" class="sprite fullwindowtoggle_button_inactive"></div>
<div id="load_box" class="noselect"><p>Loading...<div id="load_indicator"></div></div>
<div id="load_box"><p>Loading...<div id="load_indicator"></div></div>
<div id="load_button" onclick="load()" class="noselect"><p>Click to<br>Load<br>Panorama<p></div>
<div id="load_button" onclick="load()"><p>Click to<br>Load<br>Panorama<p></div>
<div id="nocanvas" class="noselect"><p>Your browser does not have the necessary WebGL support to display this panorama.</p></div>
<div id="nocanvas"><p>Your browser does not have the necessary WebGL support to display this panorama.</p></div>
<span id="about" style="display: none;"><a href="https://github.com/mpetroff/pannellum" target="_blank">Pannellum</a></span>


Редактирование Предпросмотр
Загрузка…
Отмена
Сохранить