• 締切済み

javascriptで初回訪問時の画像を変更

javascriptで初回訪問時に画像を変更させて、 時間帯によっても画像を変える事ってできるんでしょうか・・・ 色々探してみましたが、 時間帯によって画像を変えるっていうのは良くあるのですが、 プラス初回訪問時だけ別の画像っていうのが見つからなくて困ってます。。。

みんなの回答

  • shimix
  • ベストアンサー率54% (865/1590)
回答No.1

Cookieの有無で画像を変えればいいのでは?所定のCookieがなければ初回ということで。長めの期間を設定したCookieを(無条件に)出しておけばよろしいかと思います。 Cookieへは「document.cookie」でアクセスできます。詳細はこちら↓などを参考に・・ http://ash.jp/~hasimoto/zakki/new_jsck.htm 「JavaScript Cookie」で検索してもいろいろHitするのでやり方はお好みで。

pink1982
質問者

お礼

ありがとうございます。 cookieで初回の切り替えを行い、 Javascriptで時間帯を変える?っていうことかな。。。 むずかしそうですね。。。 色々探してみます。 その他、何か参考になりそうなのがあればお願いします!

関連するQ&A

  • 初回訪問(アクセス)日時の取得方法

    前回訪問ではなく、初回アクセスの日時を取得し表示したいです。 jquery.cookie.jsを使用してこれに http://q.hatena.ne.jp/1282238649 初回訪問日時を追加したいのです。 jquery.cookie.jsを使えばよいのか、javascriptで別に記述するのか、よくわかりません。 なるべく早く回答頂けると助かります。

  • 訪問介護の初回加算について

    訪問介護の初回加算について教えて下さい。 私は介護事業所の事務をしています。 請求の際、初回加算 は 初めて介護保険を利用する時。 2区分の変更があった時。 その他、ありますでしょうか? この時はどうしようか、利用者様が他の事業所の訪問介護のサービスを受けているがこちらの事業所は初めての時は 利用者様が訪問以外の他のサービスを受けている場合はどうなのか とにかくこちらの事業所が初めての利用者様には初回加算をつけると思っても良いかも 教えて下さい。 お願いします。

  • 訪問介護の初回加算について

    訪問介護の初回加算について もちろん新規の利用さんと契約し加算出来うる業務をしたのならもらえるのは分かります ではたとえば区分変更になりサービス内容が変わったとします その際は初回加算できるのでしょうか? あと入院しており退院後区分は変わっていないがサービス内容が変わった際は初回加算がもらえるのでしょうか??

  • 【javascript】マウスオンで画像表示を変更させる。

    【javascript】マウスオンで画像表示を変更させる。 マウスオンで画像の切り替えはできますが、 http://www.hotpepper.jp/ フームーの写真ギャラリーように切り替え時にぼかしたいのですが、 これは簡単な事でしょうか? そういったタグを紹介しているサイト等ご存知でしょうか?

  • 訪問済みリンク識別を画像で

    いつもお世話になります。 webでは、訪問済みのリンクが文字の色表示が変わることによって識別できますが、この識別を、画像をクリックして跳ぶタイプのリンクでも実現したいのですがJavascriptか何かで出来ないものでしょうか? よく、javascriptによって、ポインタを乗せると画像が別画像に入れ替わって、ポインタをどけると元の画像に戻るページがありますが、要は、「ポインタが乗ったことを検知して画像が変わる」のではなくて「このリンクがvlinkであるということを検知して画像が変わる」ように出来ないかと思ったのですが…。 例えば、 http://www.tk3.speed.co.jp/garten/patio/ (このサイトは私が作ったものではなく、あくまでも例です) の場合、左フレームの一番下のボタンをクリックしてリンクを右ウインドウに開き、次にまた別のページにジャンプした時、さっき訪問したリンクである一番下のボタンは赤いボタンにでも変わって、このリンクは既に訪問済みであることが分かるようにしたいのです。 つまり、 ボタン1:未訪問の場合btn1.gifを表示→訪問後はbtn1_v.gifを表示 ボタン2:未訪問の場合btn2.gifを表示→訪問後はbtn2_v.gifを表示 ボタン3:未訪問の場合btn3.gifを表示→訪問後はbtn3_v.gifを表示 と言った具合に、仮にボタンが3つなら6枚の画像を用意するわけです。 尚、私は、前述の「マウスONで画像入れ替え」のスクリプトさえ自分の力でプログラムできないもので、恐れ入りますが、javascriptで実現が可能でしたら、部分的でなく具体的なソースを教えて頂けるとありがたいのですが…。 javascript使用以外の方法でも何でも構いませんので、この目的を達成する方法をご存知の方がいらっしゃいましたらご伝授いただけませんでしょうか?

  • JavaScriptで印刷時にスタイル変更

    お世話になります。 JavaScriptで画像を表示するプログラムを作成しました。lightboxのようなもので、スクロール位置に合わせて画像を表示します。 この画像を印刷時に上に寄せて表示したいのですが、スクロール状態によって下の方に画像が表示されてしまいます。 これを解消しようと外部スタイルシートにて @media print{}で指定しましたが、JavaScriptが動的に変更したプロパティは上書きされてしまうようで上手くいきませんでした。 考えたのは 1.印刷時に画像のtopを0にする    →topは表示時にJavaScriptで上書きしているのでダメ 1.もう一つ画像を作って、印刷時に表示し、元の画像を隠す    →元の画像のdisplayを上書きしているのでダメ 2.元の画像の上に白のDIVを被せて、その上にもう一つの画像を載せる    →場合によっては印刷のページ枚数が増えてしまう(元の画像は生きているため) JavaScriptから@media printの属性を上書きできたら良いのですが、色々と調べましたが良く分かりませんでした(それらしきプロパティは有るようですが。。) よろしくお願いします。

  • javascriptで画像を切り出して保存

    javascriptで画像を切り出して保存 javascriptで画像の一部分を切り出して、別ファイルとして 保存することは可能でしょうか?

  • JavaScriptで画像を変更する

    質問が分かりずらいと思いますが、お願いします。 <body>内に↓が書かれています。 <script language="JavaScript"> <!-- function ChangePics() { for(i = 0; i < 3; i++) document.images[i].src = "white.jpg"; } // --> </script> <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> <form> <input type="button" value="画像一括変更" onclick="ChangePics()"></input> </form> ------------------------------------------------------------ [画像一括変更]ボタンをクリックすると表示されていた3枚の「black.jpg」が「white.jpg」に切り替わります。 ですが、画像のsrcへのアクセスは「document.images[i].src」で 行っているため、 <img src="black.jpg"><br> <img src="black.jpg"><br> <img src="black.jpg"><br> の上に他の画像がある場合はその画像が「white.jpg」に変更されてしまいます。 ですが、<img src="black.jpg" name = "pic1">のようにname属性を付けるのは処理が面倒になるので、避けたいです。 質問の意図は、「作ったJavaScriptのプログラムをブログに載せたいが、そのプログラムの上にほかの画像があるため、正常に動作しない。」ということです。

  • javascript マウスオーバーでほかの画像を変更

    はじめまして javascriptについておしえてください ホームページ内に下記のように 2枚の画像があるとします   A    B このうち、Aの画像に対しマウスオーバーをしたときに、 Bの画像が、Cに変更するという記述は可能でしょうか? よろしく願いします

  • 訪問回数で表示するFLASHを変える

    TOPページにFLASHコンテンツを設置しているのですが、初回訪問時と2回目以降の訪問で表示するFLASHを違ったものにしたいと思っています。 JAVAScriptとcookieを利用すれば出来そうな気はするのですが、どちらも利用したことがなくちんぷんかんぷんで困っています。 利用できそうなサンプルなどありましたら教えて下さい。

    • ベストアンサー
    • CSS

専門家に質問してみよう