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

kinematics

Участник

Откуда Украина

Зарегистрирован: 2010-08-06

Сообщений: 15

Рейтинг :   5 

Размеры изображений в 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. Ах да, чуть не забыл (забил? ). Так как слайдер юзает жквери, может там есть некая функция изменения размера?

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)

ahatomik

Старожил

Откуда Киев

Зарегистрирован: 2012-07-02

Сообщений: 832

Сайт

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

Спасибо !

---

NGcmsHak