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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) PROXY-STORE.COM — ipV4 прокси от 42р В МЕСЯЦ с ротацией и без! Лучшая цена на рынке. 200+ стран
25 proxystore 6208 Вчера, 18:08
автор: proxystore
Открытая тема (нет новых ответов) Большие базы Semrush кейвордов по разным тематикам! Много кейвордов с трафиком и без конкуренции! Volume, KD, CPC
25 Krok 7486 Вчера, 4:54
автор: Krok
Открытая тема (нет новых ответов) kurses.com.ua - мониторинг электронных валют без скрытых комиссий
8 Kurses 2930 10.5.2024, 12:57
автор: Kurses
Открытая тема (нет новых ответов) Скрипты и программы на заказ любой сложности. Без предоплаты. Быстро, качественно и недорого!
6 c4p1t4l15t 2642 26.4.2024, 23:23
автор: Arsenwenger
Открытая тема (нет новых ответов) Обменяю Юмани на гривны без комиссии
3 freeax 1032 2.4.2024, 1:46
автор: Llirik


 



RSS Текстовая версия Сейчас: 21.5.2024, 1:05
Дизайн