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

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

rss

Вы не зашли.

Объявление

#1 2015-03-04 16: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 17:59:48)

Неактивен

 

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

ahatomik
Пользователь
Откуда: Киев
Зарегистрирован: 2012-07-02
Сообщений: 751
Профиль  Вебсайт

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

Спасибо ! smile

Неактивен

 

Board footer

Powered by FluxBB

[ Generated in 0.005 seconds, 8 queries executed ]