[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Плавная смена изображений
walterb
Здравствуйте!

Не получается сделать плавную смену изображений на сайте.

Варианты, которые есть в сети не подходят, т.к. в большинстве случам используется jquery, но у меня уже используется lightbox и они с jquery конфликтуют.

Подскажите, пожалуйста, как сделать чтобы картинки плавно менялись (всего три штуки) но без помощи сторонних библиотек, на простом javascript? Или хотя бы с какой-нибудь другой библиотекой, которая с lightbox нормально дружит. unsure.gif



Спустя 35 минут, 25 секунд (9.12.2010 - 15:02) walterb написал(а):
Или подскажите как добавить именно плавность вот в этот код:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>
Слайд-шоу</title>
<script
type="text/javascript">
<!--
var image1=new Image()
image1.src="slide1.gif"
var image2=new Image()
image2.src="slide2.gif"
var image3=new Image()
image3.src="slide3.gif"
//-->
</script>
</head>

<body>
<img
src="slide1.gif" name="slide" width="450" height="281" />
<script>

<!--
var step=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
setTimeout("slideit()",2500)
}
slideit()
//-->
</script>
</body>
</html>


Спустя 3 часа, 7 минут, 5 секунд (9.12.2010 - 18:09) Basili4 написал(а):
ипользуй JQ с noconflict

Спустя 37 минут, 1 секунда (9.12.2010 - 18:46) walterb написал(а):
Не получается почему-то...

Три картинки заключены в <div> с классом "banner".

Добавляю после jquery слайд-шоу вот это:

<script type="text/javascript">
var
$mirbrat = jQuery.noConflict();
$mirbrat('.banner').hide();
</script>


После этого слайд-шоу не работает.

Спустя 43 минуты, 4 секунды (9.12.2010 - 19:29) waldicom написал(а):
Цитата (walterb @ 9.12.2010 - 17:46)

Добавляю после jquery слайд-шоу вот это:

    <script type="text/javascript">
    var
$mirbrat = jQuery.noConflict(); 
$mirbrat('.banner').hide();
</script>

Может типа токого?
<script type="text/javascript">
jQuery.noConflict();
jQuery('.banner').hide();
</
script>

Спустя 12 минут, 55 секунд (9.12.2010 - 19:42) alex12060 написал(а):

<script type="text/javascript">
var $mirbrat = jQuery.noConflict();
$mirbrat('.banner').hide();
</
script>


Ты не путай понятия переменных)
В javascript нельзя ставить $ перед названием переменных)
Сделай так:


<script type="text/javascript">
$.noConflict();
$.(".banner").hide();
</
script>

Спустя 1 час, 13 минут, 1 секунда (9.12.2010 - 20:55) glock18 написал(а):
$ очень даже может быть в имени переменной

$.noConflict();  
$.(".banner").hide();


а вот использовать jQuery по $ после вызова noConflict - едва ли. да walterb учти, что noConflict возвращает $ доступ к другим библиотекам. подробнее тут http://api.jquery.com/jQuery.noConflict/

Спустя 12 часов, 34 минуты, 26 секунд (10.12.2010 - 09:29) Basili4 написал(а):
walterb
glock18 сказал соверршено верно после вывза noconflict надо использовать только jQuery вместо $
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.