Скрипт перелистывания логотипов =)

antonP · June 28, 2010

Помогите люди добрые (и не очень ) Ищу в интернете скрипт на подобе этого:

только бесплатно распростроняемые, или может у кого есть описание как такое перелистывание сделать?

Посмотреть его работу можно на сайте: цетиса внизу самом.

Edited June 28, 2010 by antonP

s0rr0w · June 28, 2010

Помогите люди добрые (и не очень ) Ищу в интернете скрипт на подобе этого:

Ищите, ищите. Таких скриптов валом. Гугль в помощь.

Verder · June 28, 2010

Ищите, ищите. Таких скриптов валом. Гугль в помощь.

Очередной супер-совет от Sorrow

На, antonP, вставил картинки из цетиса, чтобы понятней было. Без стрелочек, просто веди мышку влево/вправо. Так даже лучше на мой взгляд - http://freeway-design.ru/example/slide/

P.S.

Я злой человек.

P.P.S.

Если это то что надо, выложу код.

antonP · June 28, 2010

Очередной супер-совет от Sorrow
На, antonP, вставил картинки из цетиса, чтобы понятней было. Без стрелочек, просто веди мышку влево/вправо. Так даже лучше на мой взгляд - http://freeway-design.ru/example/slide/
P.S.
Я злой человек.
P.P.S.
Если это то что надо, выложу код.

Да Спасибо Verder, а можно тогда и код суда, вроде нормально смотрится. Ещё раз СПС

Verder · June 28, 2010

Да Спасибо Verder, а можно тогда и код суда, вроде нормально смотрится. Ещё раз СПС

Да не за что.

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>slide_logo</title>


<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="logos.js"></script>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div style="margin-top: 200px;">
<div class="sc_menu">
<ul class="sc_menu">
  <li><a href="#">
	<img src="img/i1.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i2.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i3.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i4.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i5.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i6.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i7.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i8.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i9.gif"/>
  </a></li>
  <li><a href="#">
	<img src="img/i10.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i11.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i12.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i13.gif"/>
  </a></li>
   <li><a href="#">
	<img src="img/i14.gif"/>
  </a></li>
</ul>
</div>
</div>

</body>
</html>

CSS

body {
	background-color:#efefef;
}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  margin:0 auto;
  position: relative;
  height: 50px;
  width: 730px;
  /* Add scroll-bars */
  overflow: auto;
  background-color:#CCC;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 2000px;
  padding: 0;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 1px;
}


.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  background-color:#CCC;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

img {
	border:0;
}

jQuery - http://www.freeway-design.ru/example/slide...ry-1.4.2.min.js

logos.js - http://www.freeway-design.ru/example/slide/logos.js

Удачи.

Sign In

Скрипт перелистывания логотипов =)

Question

antonP

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Verder

Link to comment

Share on other sites

antonP

Link to comment

Share on other sites

Verder

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information