スクリプトを多く導入するとsupersizedが不作動となる障害の対処法
2015 0212
背景画像スライドスクリプトsupersizedは サイト内に他のスクリプトを
多く導入する事が原因で不作動となることがございます
いずれの種類が原因かは特定できておりませんが
作動不能直前に取り込んだスクリプトが原因でスクリプトがが作動しない
もしくは作動できない状況になってしまった
と
ご判断ください
しかしながら せっかく追加いたスクリプトを排除することにしては
もったいないので
その際はsupersizedスクリプトおよび 画像指定コードを
別な箇所に引っ越ししてみましょう
不作動を発症する領域から離れるということです
引っ越し先は HTMlLテンプレート内最下部で
</body>の上に置きます
ここまで離れれば不作動の圏外となります
離れすぎ?と思われる方もおられるでしょうが
正常作動は確認できております
位置をご確認ください
<!-- ★フッターここから★ -->
<div id="footlink"><% footerMenu %><% PRLink %><% sitemapPageLink %></div>
<% topMenu %>
<div id="footer">Copyright (C) <% thisYear %> <a href="<% pageDepth %>"><% siteTitle %></a> All Rights Reserved.<% accessAnalyzer %></div>
<!-- ★フッターここまで★ -->
<% searchTag | str_replace(<!-- ★comment★ -->,サイト内検索:) | tag_insert(div id="searchbox") %>
</div>
ここに全てを張り付けます
</body>
</html>
配置の参考
<!-- ★フッターここから★ -->
<div id="footlink"><% footerMenu %><% PRLink %><% sitemapPageLink %></div>
<% topMenu %>
<div id="footer">Copyright (C) <% thisYear %> <a href="<% pageDepth %>"><% siteTitle %></a> All Rights Reserved.<% accessAnalyzer %></div>
<!-- ★フッターここまで★ -->
<% searchTag | str_replace(<!-- ★comment★ -->,サイト内検索:) | tag_insert(div id="searchbox") %>
</div>
ここから
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/supersized.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.supersized({
slide_interval : 5000,
transition : 1,
transition_speed : 7000,
slide_links : 'blank',
slides : [
{ image : 'img/1a.png' },
{ image : 'img/1apng' },
{ image : 'img/1a.png' },
{ image : 'img/ka3.png' },
{ image : 'img/k.png' }
]
});
});
</script>
ここまで
</body>
</html>
コピペで貼り付け
終了後は保存を選択します
スポンサーリンク
シリウスにスクリプトを多く導入するとsupersizedが不作動
背景画像のスライドショー 自動ループ フェードイン設定方法
シリウスカスタマイズトップ
- サイト背景をスライド化カスタム例と文字認識をし易くするフィルター
- シリウスのサイト背景を全体表示とする際の工程と次なる障害、文字が認識ずらくなるへの対処法をフィルター仕様を含め複数まとめ解説しています
- reba値カラーコード半透明化メニューで文字を見やすくする方法
- シリウスの背景をスライド ループした場合 reba値のカラーコードでサイト内に配置するBOXメニューの背景を半透明化で指定して綺麗に見やすくする方法を解説しております
- シリウスに背景画像スライドsupersized導入の際の障害
- シリウスに背景画像をスライド出来るsupersizedを導入致しますと シリウス機能が一部使えなくなりす ご報告と対処法