anythingslider navigationsize не работает на первой загрузке firefox 26

У меня возникли странные проблемы с anythingslider.js, используя навигацию. Он работает правильно с Chrome, IE, но на FireFox он показывает только 1 слайд. Я проверил код anythingslider.js, и кажется, что jquery outerWidth не работает должным образом в FireFox только при первой загрузке сайта. Когда вы обновляете, это работает. Демо здесь ->http://gen4games.com/softlaunch/anythingslider navigationsize не работает на первой загрузке firefox 26

Вид на FireFox, затем на Chrome.

Пожалуйста, помогите. Спасибо!

источник

2014-01-17 Philamer Sune

Хм, это странно ... проблема заключается в том, что миниатюрные изображения не загружаются при вычислении ширины навигации. Я не тестировал это, но установка ширины уменьшенного изображения должна исправить эту проблему. Попробуйте что-то вроде этого:

CSS

.thumb { width: 80px; }

Script (просто изменить navigationFormatter включить выше имя класса)

navigationFormatter : function(i, panel){ 
    return '<img class="thumb" src="images/slides/thumbs/' + ['slide.1', 'slide.2', 'slide.3', 'slide.4', 'slide.5', 'slide.6' /*, 'slide.7' Uncomment to add another video.*/][i-1] + '.jpg">'; 
},

источник

2014-01-17 14:59:47 Mottie

Я уже установить ширину изображения, используя иерархию CSS. Хм. он все еще не работает. вы думаете, что это проблема с браузером? Я думал о добавлении дополнительных параметров в anythingslider.js, чтобы принять ширину изображения, чтобы он не вычислялся через jquery outerWidth. но я думаю, что это не очень хорошая идея, потому что это не было бы динамичным или автоматическим. это мое последнее средство. Есть ли у вас какие-либо предложения? Большое спасибо! –

Единственная причина, по которой я могу думать, заключается в том, что все изображения не загружаются, когда функция 'navigationSize' определяет ширину эскизов, потому что я видел только ширину 20 пикселей - это можно увидеть в журнале, если вы добавляете следующий параметр: 'onInitialized: function (e, slider) {console.log (slider.navWidths); } '. – Mottie

Спасибо @Mottie! Но я попытался использовать jquery imagesLoaded plug-in перед инициализацией anythingSlider. Любые варианты, оставшиеся, я мог бы попробовать? или, возможно, это проблема FireFox. что вы думаете? Благодаря! :) –

anythingslider navigationsize не работает на первой загрузке firefox 26

ответ

Смежные вопросы