- 締切済み
javascript初心者です。速攻でやらなければならないので皆様の力
javascript初心者です。速攻でやらなければならないので皆様の力を是非お貸しください 今私はベンチャー企業の新卒の「インターンでWebサイトを制作しているのですが、プログラミングも初心者です。 ｈｔｍｌやｃｓｓは少し勉強した程度で制作を任されてしまいました。 そこで皆様にご教授いただきたく書きこませて頂きました。 質問です。 HPのトップ画でいくつかの画像を切り替えていくというプログラムを組みたいのですが、 如何せんはじめたばかりで、コードがわかりません。。。 参考HP http://kimuratakahiro.com/ このサイトのように下から上へか、左右の動きか、 もしくはフェードアウトして、２枚目に切り替えるというようなプログラムを組みたいです。 宜しければコードを少しだけでも書いていただけると有難いです。 もしくは、参考になる書籍やサイトなどがありましたら、 ご教授頂ければ幸いです。 兎に角、納品まで時間がなく焦っています。 是非宜しくお願い致します。
- numbernine_
- お礼率20% (4/20)
- JavaScript
- 回答数4
- ありがとう数1
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- babu_baboo
- ベストアンサー率51% (268/525)
こんにちは。ゆうえきでなければ、ほうちぷれ～になりそうだね・・・。 なので「とうめいどがへんかする」だけかきました。 ぜんかくくうはくは、はんかくにしてちょ。 （たのひとに、れすでもつけてれば、ぜんぶかいたものを・・・。 「いどうする」だけのやつは、だれかにたくす。） <!DOCTYPE html> <title></title> <body> <p><img src="./img/0.gif" alt="Image" id="i0"></p> <script> //@cc_on var setOpacity = function (alpha) { var flag = null; if (alpha < 0) { alpha = 0; flag = true; } else if (100 < alpha) { alpha = 100 flag = true; } this.style./*@if (@_jscript) filter = 'alpha(opacity='+ alpha + ')' @else@*/ opacity = alpha / 100 /*@end@*/; return flag; }; var opacityChanger = function (node, opacity, step, interval, endFunc, cbObj, arg) { var timerId = null; var changer = function ( ) { opacity += step; if (setOpacity.call (node, opacity)) { clearInterval (timerId); timerId = null; if ('function' === typeof endFunc) endFunc.apply (cbObj || null, arg || [ ]); // ? } }; if (! setOpacity.call (node, opacity)) timerId = setInterval (changer, interval); }; //___________ var node = document.getElementById ('i0'); var func = function () { alert ('きえたよ'); opacityChanger (node, 0, 2, 50); }; opacityChanger (node, 100, -2, 50, func); </script>
あるものを使うのはだめなのですか？ １から書くのはあまりに無理があると思うのですが。 クロスブラウザのこととか考えると、実務レベルのものを今の段階で書くのはまず無理ですよ。 それよりも、ライブラリとプラグインを使えば貼り付けてちょっといじるだけですぐに実装できます。 プロでもライブラリやプラグインぐらい余裕で使います。労力が全然違いますから。 それとも１から書かねばならんのでしょうか？ ↓これで実装できまよん。 http://www.skuare.net/2009/03/jqueryjqueryimageswitch.html
- tyatsumi
- ベストアンサー率58% (30/51)
私はJavaScriptはしろうとです。 もし画像切り替えのようなプログラムを作れと言われたら、 とりあえず動いたりフェイドアウトしたりするのは置いておいて、 単純なものから作ろうと考えます。 一番簡単なのは、ページにボタンを用意して、 ボタンが押されるたびに表示されている画像が切り替わる、 というのが考えられます。 次にボタンは使わず、タイマーを使って、 一定時間ごとに画像が切り替わる、というのを作ります。 ここまで作っておけば、動いたりフェイドアウトしたりするのを 作るのが間に合わなかったときに、とりあえずこれで我慢してもらう という保険になります。 もしすでにそこまでできているのなら、余計なお世話でした、ごめんなさい。
- neochi
- ベストアンサー率41% (40/96)
初心者でもなんでも自分で調べてどうにかするのが仕事だよっと言っておいて それだけだと、なんのために書き込んだ？て言われそうだから 参考サイトだけは示しておきましょう（主にフェードアウト切り替え関係） これメインにどうぞ http://chaichan.web.infoseek.co.jp/qa3500/qa3526.htm その他参考サイト http://www.openspc2.org/reibun/javascript/ http://d.hatena.ne.jp/unageanu/20071013 http://ascii.jp/elem/000/000/180/180999/ サンプルがいっぱいのってるので参考にしましょう。 これでもわからないところがあれば、 javascript フェードアウト とか 画像の移動 とか キーワードを変えて必用な情報を探しましょう。 わたしがコード書くときも基本的にはネットからサンプル探して 内容を吟味、少しずつ書き換えて目的の形へ修正 こんな感じのtry&errorですよ。 一からオリジナルで創作するよーな人もいますけど いまどきはサンプルコードがいっぱいありますからね。 オリジナルを考えるよりもサンプルコードを修正するほうが 効率がいいです。 それと、わかってるとは思うけど 文中に alert('表示したいstr’ + 変数); のように 変数の中身を確認できるようなコードを入れておくとデバッグが楽です がんばれ新卒！
関連するQ&A
- javascript初心者です。
javascript初心者です。 javascript (jQuery) のエラー (デバッグ) について質問です。 サイト制作時、エディター(mi)で書いたコードを ブラウザ(chrome)で確認し、自分の意志と違う表示に なったとき、記述ミスならば、要素の検証のコンソールタグに どこに記述ミスがあるか教えてくれますが、 意図しない表示でコンソールに何も指摘がない場合に 制作者の方はどう原因を突き詰めていますか？ 不躾な質問で申し訳ないです。。。
- ベストアンサー
- JavaScript
- javascriptに関して
オンマウスで画像が大きくなり、そのうえリンクが張れるサンプルのソースを教えてください。 フラッシュなどは使用できずjavascriptで制作しなければなりません。 参考サイトなどもございましたらあわせてご教授下さい。
- ベストアンサー
- その他([技術者向] コンピューター)
- バリバリ働けるインターン探しています
現在大学の3年をやっております。 とにかく経験がつみたく、２月以降インターンなどをやりたいと思っています。 ベンチャー企業で営業などを主にバリッバリやりたいと思うのですが、どこか良いサイトございませんか？ ベンチャー企業、営業、でヒットしたところならどこでも自分次第でとことんバリバリやれるものなのでしょうか？ インターンに関して詳しくないもので、参考までにアドバイスをください！！
- 締切済み
- その他（ビジネス・キャリア）
- 皆様、申し訳ございませんがお力をお貸しいただきますようお願いいたします。
皆様、どうか助けてくださいませ。 http://shopping.yahoo.co.jp/category/5175/ ↑ 1.2.3.4.5.6.7.8.9.10 次へ 例えばこのようなサイトをつくりたいのですが。 情報を更新していくと1ページに入り 1ページ目の一番下にあった情報は2ページ目に行くようなプログラム?などといった良くあるサイトを作りたいのですが、初心者の私には全く分かりません・・・。 PHP・CGI・jaba? 外注にも出せず自力でやるしかなかったのですが、納期が迫りもう限界です。 皆様、どうか私にも分かるような具体的な回答をお願い致します。
- ベストアンサー
- その他（プログラミング・開発）
- ビジュアルC++でメールを送る
ビジュアルC++の学習をしていまして、すごく初心者なのですが、メールを飛ばすプログラムを書きたいと思っています。 いくつか参考書を見たのですが、そういう情報がみつかりませんでした。なにか参考になるコード、サイト、書籍がありましたら、是非ご教授下さい。 よろしくお願い致します。
- ベストアンサー
- C・C++・C#
- カスタマーサポートの仕事を身につけたいと思っている初心者です。
カスタマーサポートの仕事を身につけたいと思っている初心者です。 現在ウェブベンチャーでインターン生として研修させてもらっています。 そこでカスタマーサポートの仕事があるのですが、サイトの全容が見えていない、 社会経験がないという点から、あまり自分で対応できず悶々としています。 現在自分よりも経験のあるスタッフが対応した案件を参考にしていますが、 これから自分でも他の人のように対応できるように学びたいと思っています。 サポートは会社の顔ともなるので、間違った対応や失礼があると責任重大だと感じ、 なかなか勇気を出して自分から回答できないのですが、 ベンチャーであるので自分である程度ケースをまとめてワークフローを作って 行かなければならないと思います。 また、技術者の人とコミュニケーションをとってサイトの中身を理解していく必要も あると考えています。 そこで、どういった基準でまとめていったらいいか、 学ぶ必要がある分野、おすすめの書籍、アドバイスがあればどんなことでもお願いします。
- ベストアンサー
- インターネットビジネス
- ActionScriptとjavaScriptについて。
現在独学で、FLASHを勉強し始めました。HP制作は全くの素人で現在はイラストレータとフォトショップを少し使える程度です。何冊か本を見た所、ActionScriptとjavaScriptが良く出てきます、netで意味を調べてみましたが、専門用語も多くいまいち理解に苦しんでいます。どなたか教えて頂けませんか？ 又、先々はFLASHを使ったサイトを作りたくHTMLも勉強中です。 HP制作、FLASH制作に付いて詳しい方、初心者が初めに学ぶべきなどのアドバイスを頂きたく思っています。 どなたか宜しくお願い致します。 近日、アドビ・ドリームウィーバーとFLASHも購入予定です。 ソフトに付きましても何かアドバイスを頂ければ幸いです。 宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- javascriptであれこれ
皆さん、初めまして。こんばんわ。 少々、説明不足ではありますが、お許し下さい。 友人の管理している掲示板が迷惑書き込みに悩まされていまして。。 スパム対策のサイト様を参考にしながらやっていたのですが、 こちらのサイトさま↓ http://swanbay-web.hp.infoseek.co.jp/index.html の「掲示板URLの簡単javascript表示へ」で何とか掲示板へのリンク方法を変更しようと思い、リンクの工夫をしていたのですが、URL分割してjavascript表示にしようとしている最中で問題が発生致しまして。。 画像にリンクさせたいのですが、ただ単に画像にリンクさせるのではなくて、ロールオーバーをさせたいのですが、どのようにすればよいかわからず作業が進みません(;´Д｀) もし、javascriptに詳しい方やweb制作に詳しい方、助けて下さい(´＿｀。) 他に方法があれば、教えて頂ければ助かります。 色々と参考になりそうなサイトさんは探しては見たのですが、該当するものがありませんでしたので。。。 私はあまり、javascriptには詳しくないので。。。
- 締切済み
- JavaScript
- HPビルダー どこのソフトが初心者の私によいでしょうか
HPビルダーを購入して 自分でHPを作ろうと思います どこのHPビルダーが初心者の私にあっていますか・? 用途は 情報商材販売です 教えてください 携帯サイトは 自分で何とか 出来たような? まだ 完全アップしてませんが・・・ プロに制作依頼したほうが 良いのでしょうか? 初心者の私だと 難しいでしょうか・ どなたか教えてくださ～い お願いいたしま～す
- ベストアンサー
- ホームページ作成ソフト
