X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Плавная смена картинок БЕЗ ПАУЗЫ
mavbrn
mavbrn
Topic Starter сообщение 18.12.2010, 20:38; Ответить: mavbrn
Сообщение #1


В инете ну просто куча скриптов со сменой картинок, но я не нашёл не одного, чтобы не было паузы.. Может конечно плохо искал.

В общем я использую это - http://www.malsup.com/jquery/cycle/

Хорошая вещь, но в ней нельзя сделать так, чтобы паузы между сменой картинок вообще не было. Чтобы просто картинка сменяла одну за другой не останавливаясь.

Что можете посоветовать? Желательно на jQuery..
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 18.12.2010, 21:26; Ответить: locky-yotu
Сообщение #2


http://www.malsup.com/jquery/cycle/options.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 18.12.2010, 21:38; Ответить: mavbrn
Сообщение #3


(locky-yotun @ 18.12.2010, 23:26) *

Я это видел, но не пойму как.. Если timeout сделать "0" то просто не будет работать смена картинок!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 18.12.2010, 21:55; Ответить: locky-yotu
Сообщение #4


(mavbrn @ 18.12.2010, 23:38) *
Если timeout сделать "0" то просто не будет работать смена картинок

<sarcasm>Да ну?
(0 to disable auto advance)

</sarcasm>
А если "1" ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 18.12.2010, 22:20; Ответить: mavbrn
Сообщение #5


Ну да :)
Если 1, то просто быстрее меняется, но пауза всё-равно присутствует! :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 18.12.2010, 23:10; Ответить: mavbrn
Сообщение #6


Воспользовался вот этим - http://jonraasch.com/blog/a-simple-jquery-slideshow
Не идеал конечно, но по крайне мере пауза выставляется как надо. Хоть 10 миллисекунд... Всё работает.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 18.12.2010, 23:29; Ответить: mavbrn
Сообщение #7


Блин, теперь другая проблема. IePngFix не работает с анимацией в IE

[PHP]<div id="slideshow">
<img src="/images/logo_pic_3.png" alt="" class="active" class="pngfix"/>
<img src="/images/logo_pic_4.png" alt="" class="pngfix"/>
</div>[/PHP]
Если анимация не работает то всё норм! Как только включаю анимацию то всё.. чёрный фон на картинке...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 19.12.2010, 0:03; Ответить: mavbrn
Сообщение #8


Использовал все методы, не помогает.
http://www.xiper.net/collect/html-and-css-...ncy-ie6.html#m5

p.s. Я делаю PNG8, а там описывается про PNG24, но что-то у меня не получается сделать PNG24 без фона... FireWorks CS5
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mavbrn
mavbrn
Topic Starter сообщение 19.12.2010, 0:20; Ответить: mavbrn
Сообщение #9


На первое время использовал такой способ:
[PHP]<img src="pngLogo.png" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pngLogo.png' width:expression(1); height:expression(1); " />[/PHP]

http://www.xiper.net/collect/html-and-css-...ncy-ie6.html#m2
Здесь так-же сказано, насчёт Метод 3 (DD_belatedPNG)
не отрабатывает, если блок скрыт (display: none / visibility: hidden). В таком случае понадобится вызывать DD_belatedPNG.fix повтороно, после показа блока

А как вызвать его повторно? Как это реализовать? ... Скрипт вот такой:

[JS]
<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow IMG.active');

if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');

$active.addClass('last-active');

$next.css({opacity: 0.3})
.addClass('active')
.animate({opacity: 1.0}, 600, function() {
$active.removeClass('active last-active');
});
}

$(function() {
setInterval( "slideSwitch()", 650 );
});
</script>
<style type="text/css">

#slideshow {
position:relative;
height:200px;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}

</style>
[/JS]

[PHP]
<div id="slideshow">
<img src="/images/logo_pic_3.png" alt="" class="active" class="pngfix"/>
<img src="/images/logo_pic_4.png" alt="" class="pngfix"/></div>
[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 19.12.2010, 0:59; Ответить: locky-yotu
Сообщение #10


если вам удастся сделать нормальную анимацию ПНГ24 в ИЕ, напишите здесь, я буду благодарен) просто я до сих пор не встречал способа решения этой проблемы, даже без IEpngFix, и в том числе в ИЕ8, который заявляет как-бы нативную поддержку ПНГ, без фиксов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНастройка яндекс директ рекламы БЕЗ РАСХОДОВ БЮДЖЕТА
Количество продаж будет ОГРАНИЧЕННО!
22 ITstaf 4414 Вчера, 21:00
автор: 100ftd
Открытая тема (нет новых ответов) PROXY-STORE.COM — ipV4 прокси от 42р В МЕСЯЦ с ротацией и без! Лучшая цена на рынке. 200+ стран
21 proxystore 5347 19.4.2024, 12:02
автор: proxystore
Открытая тема (нет новых ответов) Большие базы Semrush кейвордов по разным тематикам! Много кейвордов с трафиком и без конкуренции! Volume, KD, CPC
22 Krok 6765 12.4.2024, 5:17
автор: Krok
Открытая тема (нет новых ответов) Скрипты и программы на заказ любой сложности. Без предоплаты. Быстро, качественно и недорого!
5 c4p1t4l15t 2531 6.4.2024, 12:51
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Обменяю Юмани на гривны без комиссии
3 freeax 1007 2.4.2024, 1:46
автор: Llirik


 



RSS Текстовая версия Сейчас: 24.4.2024, 19:56
Дизайн