Ivoryその他過去テンプレ修正版配信のお知らせ

Ivoryその他過去テンプレ修正版配信のお知らせ

テンプレ不具合・修正など
2015/06/04
vanillaice (Akira)
vanillaice (Akira)
現在では以下の対象テンプレート全てから当該機能を取り除いてあります。

以下本文



ivory_new (1)




先日からバタバタしております
iOS版 Safari からの閲覧時 ブラウザバックすると画面がホワイトアウトしたまま戻らない問題
該当テンプレは全て修正致しました
ご迷惑をおかけしまして申し訳ありません

該当するテンプレ一覧

・ Nostalgia
・ Glass_shore
・ Ivory
・ AnotherDay (azure/ mauve)
・ Paradiso


ようさんあるのぅ ( ノД`)シクシク…
ページ遷移のエフェクトが付いているもの全てです(笑)
プラグインの種類問わず

こちらはブラウザ依存の問題のようで iOS の主要ブラウザとしては Safari が該当
その他では同じ症状は確認できませんでした
(Chrome, Sleipnir, Mercury 等)
Android OS に関しては未確認なのですが 恐らく発生してはいない… かと思います
ただ ご自分のスマホブラウザで起こらないからといって
iPhoneのSafariは言わずと知れたiPhoneご謹製ブラウザですから
ユーザー数はかなりの数だと思いますので
是非とも対策・対処をお願い致します ホント申し訳ない限りでございます
2015/ 6/ 4 現在 上記テンプレ全て作業を済ませ FC2共有テンプレ公式にて修正版が配信されておりますが
既にカスタマイズを行っており 再DLが難しい方につきましては以下の手順でお願い致します

-----------------

★ Nostalgia

Ctrl + F キーで以下の文字列を検索


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in-left-sm',
outClass: 'fade-out-right-sm',
inDuration: 1000,
outDuration: 800,
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});
</script>


一部追加して以下の通りに修正


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in-left-sm',
outClass: 'fade-out-right-sm',
inDuration: 1000,
outDuration: 800,
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload()
}
};

</script>



★ Glass_shore

検索


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 800, // ここがページ遷移後切り替わり演出スピード調節です 100刻みで数字を小さくすると早くなります
outDuration: 800, // ここがページ遷移前切り替わり演出スピード調整です 同上
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});

</script>


修正


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 800, // ここがページ遷移後切り替わり演出スピード調節です 100刻みで数字を小さくすると早くなります
outDuration: 800, // ここがページ遷移前切り替わり演出スピード調整です 同上
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload()
}
};

</script>



* 修正版はプラグイン内容を変更しておりますので 2015.6.4以前にDL頂いた方のみ対象


★ Ivory

検索


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in-down-sm',
outClass: 'fade-out-down-sm',
inDuration: 800, // ここがページ遷移後切り替わり演出スピード調節です 100刻みで数字を小さくすると早くなります
outDuration: 800, // ここがページ遷移前切り替わり演出スピード調整です 同上
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});
</script>


修正


<script>
$(document).ready(function() {
$(".animsition").animsition({
inClass: 'fade-in-down-sm',
outClass: 'fade-out-down-sm',
inDuration: 800, // ここがページ遷移後切り替わり演出スピード調節です 100刻みで数字を小さくすると早くなります
outDuration: 800, // ここがページ遷移前切り替わり演出スピード調整です 同上
linkElement: '.animsition-link',
// e.g. linkElement: 'a:not([target="_blank"]):not([href^=#])'
touchSupport: true,
loading: true,
loadingParentElement: 'body', //animsition wrapper element
loadingClass: 'animsition-loading',
unSupportCss: [ 'animation-duration',
'-webkit-animation-duration',
'-o-animation-duration'
]
});
});
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload()
}
};

</script>



★ AnotherDay/ Paradiso

検索


<script>
$("head").append('<style>body { opacity: 0;-ms-filter:"alpha( opacity=0 )";filter: alpha( opacity=0 ); }</style>');
$(function(){
$("body").fadeMover();
});
</script>


修正


<script>
$("head").append('<style>body { opacity: 0;-ms-filter:"alpha( opacity=0 )";filter: alpha( opacity=0 ); }</style>');
$(function(){
$("body").fadeMover();
});
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload()
}
};

</script>



-------------------

修正用記述内容のザっとの説明としては
ブラウザバックした際に「キャッシュ表示ではなく リロードをしなさい」という指示内容です
お手数おかけします よろしくお願い致します (*_ _)


==============

画像拡大スクリプトの Colorbox用ソースにつきましては
AnotherDay × 2 と Paradiso は以前のものをそのままお使い頂いて問題ありません
各々 カテゴリ「テンプレート」の該当タイトル記事下にZIPファイルを添付しています
Nostalgia と Glass_shore は
カテゴリ「テンプレ不具合・修正など」の該当タイトルの記事下ZIPと差し替えをお願い致します

こちらは Ivory のものです(再DLされた方は差し替え必須です)
Ivory修正版 見た目の方に多少変更があります
そして構造の方にも比較的大きめな変更が入っておりますので
修正版 + 過去のColorbox 適用済ソース の組み合わせNGでございます
めんどっちくてすみません
(W3C判定 Valid となっております)

validate

Ivory Colorbox適用済ファイル ZIP
* 配布終了致しました
テンプレ不具合・修正など