Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Галерея картинок

#1 fuzzy

fuzzy
  • Пользователь
  • 6 сообщений
  • Репутация: 0
0

Отправлено 05 Июнь 2013 - 20:50

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

<html>
<head>
<script type="text/javascript">
   var array = new Array(
  "1.jpg",
  "2.jpg"
  );
  
   var i = 0;
   function left() {
  var image = document.getElementById("rbutton");
  var dis = document.getElementById("dis");
  i--;
  if (i<0) i = array.length - 1;
  image.src = array[i];

   }
   function right() {
  var image = document.getElementById("rbutton");
  i++;
  if (i == array.length) i = 0;
  image.src = array[i];
   }
</script>

<style type="text/css">
  .gl
  {
   margin: 25px;
  }
</style>
</head>
<body>
<table align=center>
   <tr>
  <td>
   <input id='dis' type = 'image' src='left.gif' width = '20' height = '40'   name = 'left' value = '<' onclick = 'left()' />
  </td>
  <td>
   <div class="gl">
	<script type = 'text/javascript'>
	document.write("<img id = 'rbutton' src = '" + array[0] + "' alt = 'Картинка' />");
	</script>
   </div>
  </td>
  <td>
	<input type = 'image' src='right.gif' width = '20' height = '40'  name = 'right' value = '>' onclick = 'right()' />
  </td>
   </tr>
</table>
</body>
</html>

 

 

  • 0

#2 fuzzy

fuzzy
    Topic Starter
  • Пользователь
  • 6 сообщений
  • Репутация: 0

Отправлено 05 Июнь 2013 - 22:15

Сделал))
  • 0

#3 razzor

razzor
  • Пользователь
  • 489 сообщений
  • Репутация: 57

Отправлено 06 Июнь 2013 - 11:39

Вот и молодец :)
  • 0


Оформление форума – IPBSkins.ru