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



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

#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

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Создание фотогалереи
  2. Бесплатные фотобанки или ищем картинки для своего сайта на фотостоках
  3. Где хранить изображения для сайта?
  4. Какой плагин выведет галерею изображений по клику на одно изображение
  5. Нужен слайдер или галерея изображений для Wopdpress

#2 fuzzy

fuzzy
    Topic Starter
  • Неактивные
  • 6 сообщений
  • Репутация: 0

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

Сделал))
  • 0

#3 razzor

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

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

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


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