このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/planetarium.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.planetarium.min.js"></script>
<script>
    $(window).load(function(){
		$('.Planetarium-demo').planetarium({
			space: '#PlanetariumDemo'
		});
    });
</script>
<button id="PlanetariumBtn" class="yellow">プラネタリウムへ行く</button>


<div id="PlanetariumDemo">
	<div data-ptr-size="200x200" data-ptr-pattern="[jplugin]/fun/Planetarium/images/texture-saturn.jpg" data-ptr-ring="true" class="saturn Planetarium-demo planet"></div>
	<div data-ptr-autospin="5000ms" data-ptr-angle="20deg" data-ptr-glow="0 0 50px rgba(0,252,255,0.35), inset 33px 20px 50px rgba(0,0,0,0.5)" data-ptr-size="300x300" data-ptr-pattern="[jplugin]/fun/Planetarium/images/texture-earth.jpg" class="earth Planetarium-demo planet"></div>
	<div data-ptr-autospin="600ms" data-ptr-angle="40deg" data-ptr-glow="0 0 50px rgba(236,206,20,0.35), inset 33px 20px 50px rgba(0,0,0,0.5)" data-ptr-size="150x150" data-ptr-pattern="[jplugin]/fun/Planetarium/images/texture-jupiter.jpg" class="jupiter Planetarium-demo planet"></div>
</div>

Planetariumについて

Planetariumは、惑星を表示できるプラグイン。 ぐるぐる回っちゃいます
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスGPL v2
対応ブラウザ

関連するjQueryプラグイン

  • Snowfall

    Snowfall

    サイトに雪を降らせることができる

  • jqPuzzle

    jqPuzzle

    簡単にスライドパズルが作れる