印刷時のみ特定のjavascriptを停止

Question

slickといわれるスライドショーを使っていてそれを印刷するときのみJavascriptを停止をして通常のliでの表示に変える、またはサムネイルを全部表示してスライドショーの中身を全部見る。みたいなことってできるんでしょうか？!

添付は現在の状態です。SlickのJavascriptでサムネイルも作成しています。

Answer 1

印刷用のメディアクエリを使用すれば、印刷時にのみ任意のスタイルを適用することができます。

@media print { 
    /* このブロックが印刷時にのみ有効になるので、プラグインのスタイルを上書きするように定義 */
    .sample-class {
        /* ... */
    }
}

Answer 2

似たような回答をしたことがありますが、beforeprint / afterprint を使えばいいかと。
https://teratail.com/questions/115255

$(window).on('beforeprint', function(event) {
  // 破棄。
  $('.slider').slick('unslick');
}).on('afterprint', function(event) {
  // 初期化処理。
  $('.slider').slick();
});

Comments

[pachiro]

beforeprint / afterprint 時ではなくボタンを作りボタンクリック時に変え対応しました！ありがとうございました。