スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

永遠に途切れないスクロール テスト

 マーキーでスクロールすると画像が途切れるので、車窓からの風景などが不自然になることがある。また360度の風景をスクロールするときでも、マイクロソフトのマーキーの機能ではこれもとぎれてしまう。ということで、そんなときに有効なスクロールのインラインの関数のJavaスクリプトを作ってみた。
 下の画像を絶対配置で横に2枚並べて、片方がスクロールして見えなくなったら、もう一枚の画像の後に配置してまたスクロールさせるという、意外と簡単な仕組みだ。使い方はいろいろです。




 画像をクリックするとスクロールが始まり再度クリックでストップ
<
<
<<


ソースです(<>は半角に改行は削除してください。ID名は変更してください

<span style="font-size:0px;color:white;">
<<div style="position:relative;width:500;height:100;overflow:hidden;" onclick="if(flag.width==0){timerID=setInterval('{s1=p0711051.style.left; l1=s1.substr(0,s1.length-2);s2=p0711052.style.left; l2=s2.substr(0,s2.length-2);l1-=2;l2-=2;if(l1==-500){l1=500;}if(l2==-500){l2=500;} 画像ID1.style.left=l1;画像ID2.style.left=l2;}',10);flag.width=1;}else{clearInterval(timerID);flag.width=0;}">
<<div style="position:absolute;top:0;left:0;" id="flag" width=0 height=0>
</div>
<<img id="画像ID1" src="画像URL" style="position:absolute;top:0;left:0;">
<<img id="画像ID2" src="画像URL" style="position:absolute;top:0;left:500;">
</div>
</span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。