スライドショーのバグ解消!?

20131114_slide.jpgバクっていたHPのスライドーショーですが、これまでのスクリプトを新たにしました。 「FlexSlider 2」の jQuery を使用することにしました。 軽量で簡単に設置できるプラグインとの事でしたが、これがなかなか、「簡単に・・」と云う訳にはいかず、CSSを追加修正しました。

結果はまあまあ見れるようになりましたが、Firefoxの方は、「Pause」「Next」「Pre」のナビボタンが表示されません(写真)。 他のブラウザでは表示されるので、まぁ良いか・・。

取り敢えず「富来の風景」のスライドショーから順次更改しながらアップロードすることにしました。 検証したブラウザは、IE-10、Safari-5、Opera-12、Chrome-31 です。 IE-6 は異常終了になってしまうようで、IE-7とIE-8については検証していませんが、多分(いい加減だが・・)動くのではないかな。 不具合がありましたら報告して頂けると嬉しいのですが・・・お願いします。

いつもCSSで思う事ですが、ブラウザによっては思うような表示にならないので苦慮するのは仕方がなく、主流ブラウザの「IEがOKならそれでも良いか」 私自身は「Firefox」を使うことが多いのですが・・・。

※ 赤字部分を追加しました。

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


body{background-color : #90ee90 ;}

#container{
    max-width:850px;
    height: 100%;
    margin: 0px auto;
    }
.caption{
    color : #000000 ;
    font-size : small ;
    font-weight : bold ;
    text-align: center;
}
h2{
    min-width: 400px;
    width: 100%;
    padding:0px 0px;
    color:#006400;
    text-align: center;
}
a{
    color: #333;
}
.flexslider{
margin: 0px auto;
    max-width: 720px;
    max-height: 510px;
}

※ HTMLの一部も修正しました。

スポンサーサイト
     

コメント

Secret

     
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
ホームページ
プロフィール

チャッピー

名  前:チャッピー
誕生日:2000年8月13日
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報

※日本気象協会(tenki.jp)

最新記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示