Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Опции темы
Я настройка

  • Страница 1 из 1
  • 1
Поскажите скрипт прокрутки изображений
BesTime
20.04.2011, 15:35

Группа: Пользователи

Сообщений: 17

Награды: 0

Статус: Offline
может ктото подсказать скрипт промотки изображений как здесь http://filmix.net (левый контейнер "скоро в кино")
uberchel
20.04.2011, 19:23

Группа: Пользователи

Сообщений: 399

Награды: 11

Статус: Offline
Cкрипт:
Code
<SCRIPT language="javascript">
<!--
var carPos = 30;
var t;
var a;
var kuda;
function MoveMePlease(kuda) {
if (kuda == 1) {
document.getElementById('mr').style.width = '30px';
if (carPos >= -1150) {
t=setTimeout("MoveMePlease(1)", 40);
carPos=carPos-10;
writer(carPos);
} else { clearTimeout(t); }
}
else if (kuda == 0) {
document.getElementById('ml').style.width = '30px';
//document.getElementById('ml').style.margin = '48px 0 0 77px';
if (carPos <= 20) {
a=setTimeout("MoveMePlease(0)", 40);
carPos=carPos+10;
writer(carPos);
} else { clearTimeout(a); }
}
}
function cleaner() { clearTimeout(a); clearTimeout(t);
document.getElementById('mr').style.width = ''; document.getElementById('ml').style.width = ''; document.getElementById('ml').style.margin = '';
}
function writer(newPos) {
if ( navigator.appName == "Microsoft Internet Explorer" )
document.getElementById('lenta_in').style.textIndent = newPos;
else
document.getElementById('lenta_in').style.textIndent = newPos + "px";
}
-->
</SCRIPT>

Остальное в следующем посте.
uberchel
20.04.2011, 19:24

Группа: Пользователи

Сообщений: 399

Награды: 11

Статус: Offline
HTML :
Code
<div id="film">
     <div class="left"><DIV onMouseOver="MoveMePlease(0)" onMouseOut="cleaner()" id="ml" class="leftarr">
<IMG src="/templates/Artgen/dleimages/move_left.gif" alt="прокрутить влево" align="right" /></DIV></div>
     <div class="right"><DIV onMouseOver="MoveMePlease(1)" onMouseOut="cleaner()" id="mr" class="rightarr">
<IMG src="/templates/Artgen/dleimages/move_right.gif" alt="прокрутить вправо" /></div></div>
     <div class="center" id="lenta_in"><a href="/trillery/7665-smotret-onlajn-nachalo-inception-2010.html" title="Начало"><img src="/pl/gl/nachalo.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/boeviki/6879-princ-persii-peski-vremeni-2010-smotret-onlajn.html" title="Принц персии"><img src="/pl/gl/princ-persii.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/trillery/9081-obitel-zla-4-zhizn-posle-smerti-2010-smotret.html" title="Обитель зла 4: Жизнь после смерти"><img src="/pl/gl/obitel-zla-4.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/trejlery/6241-smotret-onlajn-avatar-2009.html" title="Аватар"><img src="/pl/gl/avatar.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/fantastika/8010-smotret-onlajn-bitva-titanov-clash-of-the-titans.html" title="Битва Титанов"><img src="/pl/gl/bitva-titanov.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/fantastika/6880-smotret-onlajn-povelitel-stixij-2010.html" title="Повелитель стихий"><img src="/pl/gl/povelitel-stihij.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/fantastika/8018-smotret-onlajn-xishhniki-predators-2010.html" title="Хищники"><img src="/pl/gl/hichniki.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/trillery/9716-neuderzhimye-the-expendables-2010.html" title="Неудержимые"><img src="/pl/gl/neuderzimie.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/kriminal/7431-smotret-onlajn-sherlok-xolms-sherlock-holmes-2009.html" title="Шерлок Холмс"><img src="/pl/gl/sherlok-holms.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/multfilmy/6337-.html" title="9"><img src="/pl/gl/9.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/trillery/7421-dorian-grej-dorian-gray-2009.html" title="Дориан Грей"><img src="/pl/gl/dorian-grej.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/boeviki/7750-smotret-onlajn-kamera-211-celda-211-2009.html" title="Камера 211"><img src="/pl/gl/kamera211.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/multfilmy/8905-smotret-onlajn-istoriya-igrushek-3-2010.html" title="История игрушек 3 "><img src="/pl/gl/istoria-igrushek.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/dramy/8534-smotret-onlajn-pipec-2010.html" title="Пипец"><img src="/pl/gl/pipec.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/10909-sheveli-lastami-sammys-avonturen-de-geheime-doorgang-2010.html" title="Шевели ластами"><img src="/pl/gl/sheveli-lastami.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/dramy/6441-.html" title="Подмена"><img src="/pl/gl/podmena.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/dramy/6440-.html" title="Гран Торино"><img src="/pl/gl/gran-turino.jpg" width="79" height="119" align="absmiddle" /></a>
<a href="/komedii/6404-.html" title="Папе снова 17"><img src="/pl/gl/pape-17.jpg" width="79" height="119" align="absmiddle" /></a></div>
</div>
uberchel
20.04.2011, 19:24

Группа: Пользователи

Сообщений: 399

Награды: 11

Статус: Offline
CSS:
Code
#film {
     margin-top:150px;
     position:absolute;
     width:100%;
     min-width:890px;
     background:url('/img/filmbg.png') repeat-x;
     zoom:1;
}
#film div.center {
     overflow:hidden;
     white-space:nowrap;
     height:199px;
     _position:absolute;
     _width:100%;
     z-index:1;
     zoom:1;
}
#film div.left {
  background:url('/img/filmleft.png') no-repeat;
  width:196px;
  height:199px;
  float:left;
  position:relative;
  z-index:2;
}
#film div.right {
  background:url('/img/filmright.png') no-repeat;
  width:196px;
  height:199px;
  float:right;
  position:relative;
  z-index:2;
}
#film a {
  background:url('/img/filmimgbg.png') center repeat-x;
  padding:5px;
  margin:35px 5px;
  width:79px;
  height:119px;
  display:inline-block;
  zoom:1;
  position:relative;
  z-index:10;
}
*+html #film a { display:inline; }
* html #film a { display:inline; }
#film .center .item img {
  border:10px solid #947710;
  margin:5px 40px;
}
BesTime
21.04.2011, 04:43

Группа: Пользователи

Сообщений: 17

Награды: 0

Статус: Offline
спасибо конечно но немного не такой скрипт, надо было чтобы видно одну картинку и он автоматически проматывает на следующую, тоесть всегда видно только одну картинку, промотка работает как одна картинка накладывается поверх другой, а не в сторону уезжает,а когда наводишь на картинку промотка останавливается, и есть стрелочки которыми можно пролистать
OzZi
04.05.2011, 09:01

Группа: Пользователи

Сообщений: 6

Награды: 0

Статус: Offline
BesTime, Слайдер что ли?
  • Страница 1 из 1
  • 1
Поиск: