Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2015-03-04 17:48:38

kinematics
Участник
Откуда Украина
Зарегистрирован: 2010-08-06
Сообщений: 15
Рейтинг :   

Размеры изображений в jquery.nivo.slider.js

Всем привет!)

Вот вопрос: Как заставить слайдер пропорционально уменьшать картинку по ширине?

В самом начале в

var vars = {

есть это width: 488px;

Еще есть в нем такой кусок кода:

//Get img width & height
            var childWidth = child.width();
            if(childWidth == 0) childWidth = child.attr('width');
            var childHeight = child.height();
            if(childHeight == 0) childHeight = child.attr('height');
            //Resize the slider
            if(childWidth > slider.width()){
                slider.width(childWidth);
            }
            if(childHeight > slider.height()){
                slider.height(childHeight);
            }
            if(link != ''){
                link.css('display','none');
            }
            child.css('display','none');
            vars.totalSlides++;
        });

и исходя из: 

slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');

получается, что изображение является фоном блока, соответственно, тут его не изменить.

В шаблоне, слайдер берет изображение из поста. Если картинка на собственном хостинге, изменить размер не составит труда. Но не всегда есть возможность залить её. А еще, каким бы не был задан размер картинки в посте, слайдер всегда использует оригинал. Постоянно вручную изменять размеры как-то муторно.

Может в куске //Get img width & height можно решить данный вопрос? Чтобы сужать исходную пикчу в те самые 488 пикселей?)

P.S. Ах да, чуть не забыл (забил? big_smile). Так как слайдер юзает жквери, может там есть некая функция изменения размера?

P.P.S. Кажется нашел решение.
Помогите пожалуйста корректно вставить css свойство:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');

в js строку:

slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');

Изменено kinematics (2015-03-04 18:59:48)

Не в сети

#2 2015-03-24 11:49:23

ahatomik
Старожил
Откуда Киев
Зарегистрирован: 2012-07-02
Сообщений: 832
Сайт

Re: Размеры изображений в jquery.nivo.slider.js

Спасибо ! smile

Не в сети

Подвал раздела

Работает на FluxBB