Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.02.2012, 16:11
Новичок на форуме
Отправить личное сообщение для Sashok) Посмотреть профиль Найти все сообщения от Sashok)
 
Регистрация: 15.02.2012
Сообщений: 5

Помогите с применением кода!
Здравствуйте, прошу у Вас помощи, так как уже довольно долго мучаюсь и ничего не выходит.
Вообщем нашёл в Интернете скрипт для плавной смены одной картинки на другую... Для одной картинки (точнее места) он всё хорошо работает, но у меня никак не получается поставить рядом допустим, ещё одну так же изменяющуюся картинку, оно либо переходит в то же место где первая (и оказывается под ней как бы) либо вообще не работает. Помогите пожалуйста! Вот код:


...
<link href="../menu/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
div#rotator div { position:absolute;}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
function theRotator() {
$('div#rotator div').css({opacity: 0.0});
$('div#rotator div:first').css({opacity: 1.0});
setInterval('rotate()',2000);
}

function rotate() {
var current = ($('div#rotator div.show')? $('div#rotator div.show') : $('div#rotator div:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator div:first') :current.next()) : $('div#rotator div:first'));
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};

$(document).ready(function() {
theRotator();
});
</script>

</head>

<body>

<div id="rotator">
<div class="show"><img src="img/1.jpg" width="200" height="300" style="border:1px solid #CCC"/></div>
<div> <img src="img/2.jpg" width="200" height="300" style="border:1px solid #CCC"/> </div>
</div>
...


По идее, я чтобы рядом расположить ещё картинку, я просто тупо ставлю ещё такой же див, только с другим картинками... но ничего не выходит, он переходит на место первой картинки...
Ответить с цитированием
  #2 (permalink)  
Старый 15.02.2012, 16:12
Новичок на форуме
Отправить личное сообщение для Sashok) Посмотреть профиль Найти все сообщения от Sashok)
 
Регистрация: 15.02.2012
Сообщений: 5

Прошу сильно не ругаться, в js я не разбираюсь! А попросить помощи больше не знаю где!
Ответить с цитированием
  #3 (permalink)  
Старый 15.02.2012, 20:49
Аватар для function
Говнокодер со стажем
Отправить личное сообщение для function Посмотреть профиль Найти все сообщения от function
 
Регистрация: 06.01.2012
Сообщений: 164

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #4 (permalink)  
Старый 16.02.2012, 15:19
Новичок на форуме
Отправить личное сообщение для Sashok) Посмотреть профиль Найти все сообщения от Sashok)
 
Регистрация: 15.02.2012
Сообщений: 5

Прошу прощения! Вот вроде исправил!
div#rotator div { position:absolute;}

function theRotator() {
$('div#rotator div').css({opacity: 0.0});
$('div#rotator div:first').css({opacity: 1.0});
setInterval('rotate()',2000);
}

function rotate() { 
var current = ($('div#rotator div.show')? $('div#rotator div.show') : $('div#rotator div:first'));
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator div:first') :current.next()) : $('div#rotator div:first')); 
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};

$(document).ready(function() { 
theRotator();
});

<div id="rotator">
<div class="show"><img src="img/1.jpg" width="200" height="300" style="border:1px solid #CCC"/></div>
<div> <img src="img/2.jpg" width="200" height="300" style="border:1px solid #CCC"/> </div>
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
скрыть из исходного кода часть javascript кода. javasc Javascript под браузер 10 12.03.2014 09:32
Помогите прикрутить forEach к HTMLCollection и NodeList ­­­ Общие вопросы Javascript 14 14.11.2011 12:07
Помогите с понимание кода ПОЖАЛУЙСТА. 0931454574 jQuery 8 18.05.2011 19:55
Помогите пожалуйста. Оптимизация кода. touch_the_sky Элементы интерфейса 21 18.06.2009 19:53
Помогите пожалуйста. Оптимизация кода. touch_the_sky Events/DOM/Window 0 17.06.2009 14:52