Главная » Javascript » JQUERY

Открываем файлы pdf в ulightbox. Ucoz.

25.11.2017, 17:10

Небольшой скрипт чтения файлов pdf в ulightbox прикреплённых в теме форума, также его можно скачать, ссылка будет в окне ulightbox. Скрипт размещаем в глобальном блоке "Нижняя часть сайта".

Код
<?if($PAGE_ID$='threadpage')?>
<script>
$(function() {$('a[href$=".pdf"]').each(function(){
var rstitle = $(this).text().slice(0,-4);
$(this).attr({'data-fancybox-type' : 'iframe', 'title' : rstitle}).fancybox({  
afterLoad: function() {this.title = '<a download target="_blank" href="'+this.href+'">Download '+this.title+'</a>';},
type: 'iframe',
width : '80%',  
height : '100%',
autoSize : false,  
scrolling : 'no',
helpers :{title: {type: 'inside'}}
});});});
</script>
<?endif?>

 


p.s. Это не работает в браузерах андроида, файл будет просто сохранятся на устройство, вина не скрипта, разработчики браузеров под андроид не соизволили внедрить pdf viewer, в будущем может ситуация изменится... удачи.
Пример здесь.

 

Категория: JQUERY | Добавил: Sentimo [Написать автору]
Просмотров: 451 |Рейтинг: 0.0/0
Всего комментариев: 0
avatar