Аккуратный перебор картинок

Статус
В этой теме нельзя размещать новые ответы.

sk8er

Banochkin.com
Регистрация
21 Июл 2008
Сообщения
404
Реакции
25
Нужна такая весчь. Сейчас в шапке с помощью css поставлены баннеры в шапке примерно посередине, идёт ротация при каждом обновлении странички. Нужно сделать так, чтоб в том месте была плавная ротация без перезагрузки, тоесть на пример каждые 30 секунд плавно, с права на лева переходила другая картинка с активной ссылкой. Переход на javascript. Как это осуществить?
И нужно чтоб каждый раз картинки шли хаотично, то есть в разброс, а то у многих скриптов постоянно начинается с одного и того же баннера и идут всегда одинаковым порядком, а нужно, как сказал, чтоб шло всё в разброс.
Есть ли такое? И как это всё подогнать? :) Сама картинка размером 410*104. Вот css-ка вывода баннера в шапке:
HTML:
	div.banner-site{
		top: 141px;
		right: 35px;
		position: absolute;
	}
 
В чём смысл вопроса? Вы знаете javascript? Что конкретно не получается?
 
Вопрос в том как это сделать) javascript не знаю)
 
Заменить картинку будет несложно
только вот как анимацию сделать - без понятия :(

 
а анимацию сделать с jquery плагином cycle


берутся все элементы в указаном элементе и прокручиваются случайно
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script language="JavaScript" type="text/javascript">
$('#rotator').cycle({ 
    random:  1,
    fx: 'scrollLeft',
    speed:    2000,  //2 секунды прокрутка
    timeout:  30000, //30 секунд пауза
});
</script>

</head>

<body>

<div id="rotator"> 
    <a href="http://nulled.cc"><img src="1.jpg" width="300" height="100" />1</a>
    <a href="http://nulled.cc"><img src="2.jpg" width="300" height="100" />2</a>
    <a href="http://nulled.cc"><img src="3.gif" width="300" height="100" />3</a>
    <a href="http://nulled.cc"><img src="4.gif" width="300" height="100" />4</a>
</div>


</body>
</html>
 

Вложения

  • rotator.zip
    47,5 KB · Просмотры: 12
посмотри вот тут
_dynamicdrive.com/dynamicindex17/featuredcontentglider.htm
вроде как можно и картинки таким образом и тексты и даже видео выводить и сменять

а также есть просто крутилки картинок

(описание если инглишь не знаешь можешь глянуть через переводчик гугла, если что :) )
 
polyetilen
В этих строчках видно:
HTML:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
что нужны файлы jquery-1.3.2.min.js и jquery.cycle.all.min.js. А где их именно взять?) на сайте что то не нашёл(
 
lorien
да, очень полезная штука гугл, вижу что пользоваться умеешь, молодец. Но я же просил именно определённые файлы. Возьму как всегда что то не то - пойдёт не так как нужно и прочее.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху