JavaScript

  • 2015.07.15

bxSliderで画像が一瞬縦に並んでしまう問題の解決方法

bxSliderというのはWebページ上にスライダーと呼ばれる複数画像をスライドショー表示することが出来る人気のjQueryプラグインです。 しかしこのスライダーはページを開いた直後にはスライド表示したい画像が縦に全て並んでしまうという問題がよく報告されています。 bxSliderの画像が縦にズラリと並んでしまう原因 これは結論から言うと、スライダーを構成するファイル一式の読み込みに一定の時間がか […]

  • 2015.06.14

JavaScriptを綺麗に整えたい

作業効率を求めてコードを書く場合、どうしてもスピードが優先になってしまうのでインデント(コードを見やすくするための字下げ)がおろそかになりがちです。 これはJavaScriptに限らず、HTMLもCSSも同様のことが言えます。 コードの読みやすさを意識して小刻みにコードを整形するのは非効率ですので、こう言った場合は最後(あるいは目標とするところ)までコードを書ききって、まとめて整形するのが効率的で […]

  • 2015.06.14

(JavaScript)ページトップに戻るの多分一番簡単な方法

フッターによくある「↑ページトップに戻る」ですが、単なるページ内リンクで処理してしまえば瞬間的にページトップに画面が移り変わってしまいます。 それはそれで目的を果たせているのですが、最近のサイトではよく見かけることができるのですが、フッターからトップに戻るときの動作がゆっくりするするとページの上にスクロールしながら戻っているものがあります。 これはカッコがいいとかの見た目の演出だけの問題ではないと […]

  • 2014.12.01

JSスライドショーの画像が一瞬縦に並んで表示される問題

この件、たまに相談受けます。具体的にどんな現象かというと、スライダーの画像が例えば3枚あったとしたら、まずその3枚全部が上から順番に縦に表示されて、 ■画像全てが縦に並んで表示される しばらく時間が経つと正常にスライドが始まる〜という感じです。 ■スライドされてる こうなってしまう原因はほとんどの人の想像通り「読み込み」の問題です。 スライドの画像部分のHTMLは大体以下の感じです。 [crayo […]

  • 2014.10.10

FlexSliderの動きがフリーズしてしまう

人気の「FlexSlider」ですが、経験上、時々動きがフリーズしてしまうことがあります。 具体的な動作ですが、まず、スライド自体が動かなくなります。それから、画面自体のの上下スライドも不可能になります。要するに画面自体が完全に固まってしまうような状態です。 しかも、全てのスマートフォンで等しく起こるのではなく、比較的iPhoneのSafariやChromeで起こりやすい様子。しかも、毎回必ずでは […]

  • 2014.07.08

FirefoxでJavascriptのポップアップ(window.open)で「object Window」が表示される場合

FirefoxでJavascriptのウィンドウポップアップにて「object Window」がされる場合、Javascriptの末尾に「void(0);」を記入することで回避出来ます。 テキストをクリックすると… ポップアップウィンドウが立ち上がるけど、元のページは元の表示がされなくなり、「object Window」とだけ表示されてしまう。 解決方法:Javascriptの末尾に「 […]

  • 2014.03.15

iframe内のcssを編集するJavaScript

こちらもネットショップASPなどにありがちなのですが、システムで自動的に表示されるコンテンツがiframeで読み込まれていたりした場合、そのスタイルの変更は通常のcssの編集等では出来ません。 そんな時はやはりJavaScriptにて書き換えて上げる等の対応が必要です。 具体例:iframe内の【width】を変更してみる [crayon-5c10724e0db28551456027/] 【#ar […]