Fade эффект в slider jwgSlider
Вложений: 2
Здравствуйте, поставил слайдер и получил маленькую головкую боль из-за слабого знания jquery но я учусь
пробовал менять эффекты. максимум чего добился - смена через fade но не так как хотел. вот ссылка на то, что сделал http://test.ajbolit.com/initializr/ вот сам слайдер http://clip2net.com/s/391dRPO вот ссылка на скрипт http://test.ajbolit.com/initializr/js/JwgSlider.min.js Подскажите пожалуйста как реализовать :help: |
Цитата:
|
Цитата:
|
почти. а теперь уменьшите до мобильной версии )
там мобильная версия переключается у меня промежуточный эффект остался. не нужно показывать синий экран при смене картинок |
Alexus89,
поищите другой плагин с нужными вам параметрами |
Цитата:
но там где пример слишком много кода получится для такой фичи и я хз как смешивать будет... |
Поискать другой - сложновато так как с этим провел много работы и долго искал. А нужно поставить тут только смену картинок не едущую а плавную без промежуточного синего.
Я сейчас попробую эффект поискать плавный еще |
ну или как это http://usefulscript.ru/change_of_image.php вставить к моему анимату?
|
Цитата:
.jwg_slider_module .slides .slide{
position: absolute;
left: 50;
top: 0;
}
|
Цитата:
|
круть!! а с мобильной версией аврал полный ?
там у меня
<div class="arrow_navigation">
<div class="left"></div>
<div class="right"></div>
</div>
|
Alexus89,
везде одинаковая математика - думаю функцию для этих кнопок вы напишите сами - первые строки вашего плагина или тут уже готовая функция - строка 90 http://javascript.ru/forum/events/51...tml#post342471 |
мм это?
var JwgSlider = function() {
var a = this;
this.move = function(b) {
var c, d;
if ("number" != typeof b)
c = "right" == b ? this.index += 1 : this.index -= 1;
else if
(c = b, c > this.index + 1 || c < this.index - 1)
return void this.skipToSlide(c);
c == this.slides.length || -1 == c ? (c = -1 == c ?
this.slides.length - 1 : 0,
this.loopSlide(c)) : (
d = "-" + 100 * c + "%",
this.setIndex(c),
this.x.stop(!0, !0).animate({
left: d,
}, function() {
a.left = d
})
)
}
};
|
так глупо. что то я совсем уже поехал
jQuery(".tabbed_navigation .right").on("click", function() {{
i += "right" == this.id ? 1 : -1;
i == array.length && (i = 0);
0 > i && (i = array.length - 1);
});
|
Alexus89,
теплее ))) |
какой из них теплее?)
тут не правильно элемент выбрал?
jQuery(".tabbed_navigation .right").on("click", function() {{
i += "right" == this.id ? 1 : -1;
i == array.length && (i = 0);
0 > i && (i = array.length - 1);
});
|
Alexus89,
jQuery(window).load(function() {
var a = jQuery(".tabbed_navigation li"),
b = jQuery(".el .slide"),
c = 1;
b.hide();
jQuery(".tabbed_navigation").on("click", "li", function() {
var d = a.index(this);
if(d == c) return;
a.removeClass("current");
a.eq(d).addClass("current");
b.eq(d).stop(!0, !0).show("fade", 500);
b.eq(c).stop(!0, !0).hide("fade",1500);
c = d;
});
a.eq(0).click();
jQuery(".arrow_navigation .right, .arrow_navigation .left").on("click", function() {
var k = c;
k += jQuery(this).is('.right') ? 1 : -1;
k == b.length && (k = 0);
0 > k && (k = b.length - 1);
a.eq(k).click();
});
});
|
Цитата:
http://test.ajbolit.com/initializr/ вот поставил а оно по старому. хотя и скрипт поменял и все лишнее удалил... :blink: |
рони,
можно ваш скайп и вебмани кошелек в лс вашлите?) хоть как отблагодарю |
Alexus89,
css забыли |
Alexus89,position: absolute; главное остальное на ваш вкус ... для мобильного размеры сами проставьте
<style type="text/css">
.jwg_slider_module .slides .slide{
position: absolute;
left: 50;
top: 0;
}
.inmo_img{
width: 182px;
height: 309px;
}
</style>
|
поточнее можно? не найду
|
Alexus89,
что точнее -- поставьте пока перед </head> а так строка 1193 http://test.ajbolit.com/initializr/css/main.css .jwg_slider_module .slides .slide { float: left; height: inherit; left: 157px; margin: 76px 0 0; position: relative; text-align: left; width: 100%; } для мобильного http://test.ajbolit.com/initializr/css/max-640px.css строка 538 .jwg_slider_module .slides .slide { left: 7.42%; margin: 66px 0 0; } |
разобрался, спасибо большое :dance:
|
| Часовой пояс GMT +3, время: 18:26. |