настроить предварительный просмотр PDF с начальной загрузкой и codeigniter - PullRequest
Новая
       69

настроить предварительный просмотр PDF с начальной загрузкой и codeigniter

0 голосов
/ 14 февраля 2019

У меня есть этот сценарий в меню свертывания в начальной загрузке: 

<div class="card">
<div class="card-header" id="headingTwo">
  <h5 class="mb-0">
    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
      Analisi Rischi Meccanici
    </button>
  </h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  <div class="card-body">
        <object type="application/pdf" width="100%" height="800px">
            Rischio gennaio 2019<br/><embed src="/cubo/Benvenuto.pdf" type="application/pdf" />
        </object>
  </div>
  <div class="card-body">
        <object type="application/pdf" width="100%" height="800px">
            Aggiornamento Febbraio 2019<br/><embed src="/cubo/Benvenuto.pdf" type="application/pdf" />
        </object>
  </div>
</div>

я получаю это: enter image description here

мой джентльменпросьба: 1) если возможно увеличить масштаб предварительного просмотра 2) если возможно разместить предварительный просмотр один рядом с другим, а не как на картинке

Мне нужно в двух словах превью, чем сейчас: enter image description here

большое спасибо, я думаю, что вы можете мне помочь:)

большое спасибо;)

1 Ответ

0 голосов
/ 14 февраля 2019

Попробуйте это для вопроса 1): 

<object type="application/pdf" width="100%" height="800px">
        Rischio gennaio 2019<br/><embed src="/cubo/Benvenuto.pdf#zoom=100" type="application/pdf" />
</object>

Установите масштаб в соответствии с вашими предпочтениями и запустите.

Проверьте скрипку JS для вопроса 2): 

.card_width {
width: 50%;
display: inline-block;
}

.float_right {
  float: right;
}
<div class="card">
<div class="card-header" id="headingTwo">
  <h5 class="mb-0">
    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
      Analisi Rischi Meccanici
    </button>
  </h5>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  <div class="card-body card_width">
        <object type="application/pdf" width="100%" height="800px">
            Rischio gennaio 2019<br/><embed src="/cubo/Benvenuto.pdf#zoom=100" type="application/pdf" />
        </object>
  </div>
  <div class="card-body float_right card_width">
        <object type="application/pdf" width="100%" height="800px">
            Aggiornamento Febbraio 2019<br/><embed src="/cubo/Benvenuto.pdf#zoom=100" type="application/pdf" />
        </object>
  </div>
</div>

</div>
...