Ситуация следующая:
установил скрипт swiper.js
Вот пример:
jsfiddle.net/4Lgq3wqq
На примере все работает как надо, но проблема в другом. НА сайте есть закладки в javascript
//========
//
// TabHide
//
//========
function TabHide(block_name)
{
if ( !tab_descr_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_descr") != null ) document.getElementById("bl_" + block_name + "_tab_descr").style.display = 'none';
}
if ( !tab_info_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_info") != null ) document.getElementById("bl_" + block_name + "_tab_info").style.display = 'none';
}
if ( !tab_comp_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_comp") != null ) document.getElementById("bl_" + block_name + "_tab_comp").style.display = 'none';
}
if ( !tab_disc_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_disc") != null ) document.getElementById("bl_" + block_name + "_tab_disc").style.display = 'none';
}
if ( !tab_family_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_family") != null ) document.getElementById("bl_" + block_name + "_tab_family").style.display = 'none';
}
if ( !tab_comment_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_comment") != null ) document.getElementById("bl_" + block_name + "_tab_comment").style.display = 'none';
}
if ( !tab_section_exists )
{
if ( document.getElementById("bl_" + block_name + "_tab_section") != null ) document.getElementById("bl_" + block_name + "_tab_section").style.display = 'none';
}
if ( 'block_' + block_name in this ) document.getElementById("block_" + block_name).style.display = 'none';
}
//========
//
// TabShow
//
//========
function TabShow(block_name)
{
if ( tab_descr_exists ) { document.getElementById("block_descr").style.display = 'none'; }
if ( tab_info_exists ) { document.getElementById("block_info").style.display = 'none'; }
if ( tab_comp_exists ) { document.getElementById("block_comp").style.display = 'none'; }
if ( tab_disc_exists ) { document.getElementById("block_disc").style.display = 'none'; }
if ( tab_family_exists ) { document.getElementById("block_family").style.display = 'none'; }
if ( tab_comment_exists ) { document.getElementById("block_comment").style.display = 'none'; }
if ( tab_section_exists ) { document.getElementById("block_section").style.display = 'none'; }
document.getElementById("block_" + block_name).style.display = 'block';
}
//=========
//
// TabFirst
//
//=========
function TabFirst(tab_name)
{
var start_tab = 'info';
if ( tab_family_exists ) start_tab = 'family';
if ( tab_info_exists ) start_tab = 'info';
if ( tab_comment_exists ) start_tab = 'comment';
if ( tab_disc_exists ) start_tab = 'disc';
if ( tab_comp_exists ) start_tab = 'comp';
if ( tab_descr_exists ) start_tab = 'descr';
if ( tab_name == '#family' ) start_tab = 'family';
if ( tab_name == '#info' ) start_tab = 'info';
if ( tab_name == '#comment' ) start_tab = 'comment';
if ( tab_name == '#comp' ) start_tab = 'comp';
if ( tab_name == '#disc' ) start_tab = 'disc';
if ( start_tab != '' ) TabShow(start_tab);
}
при загрузке страницы, первым загружается закладка с общим описанием, но при переключении на закладку с картинками скрипт загружается не полностью, а именно отображается только одна картинка и перелистывания не работает. Срабатывает только если на ПК увеличить/уменьшить масштаб на мобильном пролистать страницу вверх/вниз, тогда скрипт срабатывает как надо. Если в обычном javascript установить при загрузке страницы загрузку картинок, то все работает как надо !