- ベストアンサー
Javascriptを使用したスライドバナーについて教えてください
babu_babooの回答
＃４～５です。ねぼけてまちがえてました ただしくは、 s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else @* /opacity = (this.op / 100) /*@end@*/; を s./*@if(1) filter = 'alpha(opacity='+ this.op +')' @else@*/ opacity = (this.op / 100) /*@end@*/; でした。 ”きょうみ”は、ないかもしれませんが、ごくいちぶのかぎられたかたの ために(?)みじかくしてみました。^^; もっとみじかくできるはずです。 接頭語として、 「２３事務系ＯＬですぅ。もっと短くしたのですが・・」 と、さいしつもんすると、きそってみじかくしてくれるとおもいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>TEST</title> <style type="text/css"> ul{width:400px;height:200px;list-style:none;border:1px #888 solid;overflow:auto;margin:0;padding:0} li a img {border:0px none;width:400px;height:200px;} </style> <body> <ul id="menu"> <li><a href="htp:x0.jp"><img src="./img/0.gif" alt="*"></a></li> <li><a href="htp:x1.jp"><img src="./img/1.gif" alt="*"></a></li> <li><a href="htp:x2.jp"><img src="./img/2.gif" alt="*"></a></li> <li><a href="htp:x3.jp"><img src="./img/3.gif" alt="*"></a></li> <li><a href="htp:x4.jp"><img src="./img/4.gif" alt="*"></a></li> </ul> <script type="text/javascript"> //@cc_on function autoChanger(e,i0,u,i1){ e=document.getElementById(e); var t=0,s=e.style,c=0,o,p,q,r;s.overflow='hidden',s.position='relative',i0=i0||3000,u=u||20,i1=i1||50; while(o=e.childNodes[c])if('LI'==o.nodeName)o.style.position='absolute',c++;else e.removeChild(o);W(o=100/u); function C(){x=[0,e.clientWidth,0,-e.clientWidth][r=Math.random()*4|0],y=[-e.clientHeight,0,e.clientHeight,0][r]; S(e.appendChild((vx=-x/u,vy=-y/u,c=u,p=0,q=e.firstChild,s=q.style,L(),q)))} function S(){t=setInterval(function(){L();if(0==c--)return W();if(c)x+=vx,y+=vy,p+=o; else p=100,sx=sy=0},i1)} function W(){clearInterval(t),t=setTimeout(C,i0)} function L(){s./*@if(1)filter='alpha(opacity='+p+')'@else@*/opacity=p/100/*@end@*/,s.top=y+'px',s.left=x+'px'} } autoChanger( 'menu', 2000, 50, 30 ); </script>
関連するQ&A
- CSSのみでスライドショーを作りたい
CSSのみで自動で横にスライドするスライドショーを作りたいのですが、 参考になるサイトはありますでしょうか？ フェードイン、フェードアウトさせるスライドショーの作り方は沢山でるのですが、 自動で横にスライドするスライドショーの作り方が載っているサイトが見当たりません。
- ベストアンサー
- CSS
- ページを開くと自動でスライドが始まる設定
古いですが、GoLive CSを使ってホームページを制作しています。 ページが開くとクリックなどの操作無しに、 自動でスライドショーが始まる設定を教えて下さい。 スライドの画像（JPEGファイル）は一つのフォルダにまとめ、 通し番号を付けています。 クリックすればスライドショーが始まる設定までは分かるのですが、 ページを読み込むと自動でスライドが始まる方法が分かりません。 後、スライドがフェードイン、フェードアウトしながら次の画像に移る方法も 併せて教えて頂ければ幸いです。 いろいろと質問が多いですが、何卒宜しくお願い致します。
- ベストアンサー
- CSS
- JavaScriptでシンプルなスライドショー
よろしくお願いいします！ JavaScriptを使って、とてもとてもシンプルなスライドショー（フォトアルバム）を作りたいのですが、 見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。 下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。 http://www.mina-perhonen.jp/show/0809aw/index.html 流したい画像をフォルダにまとめておいて、 ボタンクリックでそれらを呼び出す。 最後の写真までいったら、ストップで、NEXTボタンガ消える。 写真の基準点はリンク先の用に右上になれば、よりうれしいです。 どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください！！ 何卒よろしくお願いいたします！
- 締切済み
- JavaScript
- スライドショーを自作したい
複数の画像がフェードインして切り替わるスライドショーを作成したいです。 色々なライブラリを拝見したのですが、”再生ボタン”が設置されているものがなく、どれも自動再生のものばかりでした。 CS5を持っているので、そのようなフラッシュを自作したいのですが、flaファイルや作り方が載っているサイトはありませんでしょうか？ そのほかJAVAスクリプトでの作成も考えています。 どうぞよろしくお願いいたします。
- ベストアンサー
- Flash
- スライドショーにフェードイン・アウト効果
javascriptのスライドショーにフェードイン・アウト効果をつける方法をご教授いただきたいのですが、どなたかよろしくお願いいたします。
- 締切済み
- JavaScript
- クリックでスライドショー
http://lab.komadoya.com/javascript/crossFader/#cf2 上記サイトのようなフェードイン・フェードアウトのスライドショーに 以下のような動作を追加したいと思っています。 画像をクリックしたら再生し、最後の画像でストップ。 もう一度クリックで１枚目の画像に戻る。 色々調べたのですが、マウスオーバーや自動再生のものが多く 思ったものが見つかりませんでした。 画像(1)、画像(2)、画像(3)とあり、 画像(1)クリックで、(1)→ (2)→ (3)でストップ。 もう一度クリックで(1)に戻る。 といったイメージです。 お分かりの方がおられましたらご教授頂けたら幸いです。 どうぞ宜しくお願いします。
- 締切済み
- JavaScript
- Javascript使用のスライドショーのリンク
Javascriptを使用したスライドショー（http://myisland.jp/template/gallery/gallery04.html ）の画像にリンクを付けることはこちら→（http://okwave.jp/qa/q6066267.html）の質問を元にできましたが、別ウィンドウで表示する方法が分かりません。どなたかお分かりでしょうか？Dreamweaver8で製作しております。
- ベストアンサー
- JavaScript
- flash jpgを読み込んでスライドショーを実行したい
フラッシュで制作したアニメーションの一部にスライドショーを埋め込みたいと思っています。直接フラッシュでスライドショーのアニメーションを作るのではなく、別フォルダに格納されたjpgなどの画像を読み込んで、フェードイン、フェードアウトを繰り返しながら画像が切り替わっていくようにしたいのですが、どなたか方法が分かるようでしたら教えて下さい。よろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- Javascriptを使用したサムネイルスライドショーの画像リンク
Javascriptを使用したサムネイルスライドショーの画像リンク 上記の件ですが、http://myisland.jp/template/gallery/gallery04.html こちらで配布されているJavascriptを使用した際に、表示される画像にそれぞれリンクを付けることは可能なのでしょうか？ どこを調整したらいいのか検討がつかず困っております。どなたか分かる方がいらっしゃれば教えて頂けませんでしょうか？
- ベストアンサー
- JavaScript
- JavaScriptでスライドショー
Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。 現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。 そこで下記の要望に適したサンプルがあれば教えて頂きたいです。 ・画像のスライドショー機能（自動開始が望ましいです） ・指定フォルダ内の不特定多数の画像を読み込める（そこに画像を追加したら自動で反映される） ・画像のミニビュー？が横に表示される 以上です。重要なのは1個目と2個目です。 エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。 近いものでもかまいませんので教えて頂きたく。 宜しくお願い致します。
- ベストアンサー
- JavaScript