Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Скрипт галереи с плавным переходом для всех браузеров

Обсуждение темы Скрипт галереи с плавным переходом для всех браузеров в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вечер добрый ! дело обстоит так: значь есть скрипт галереи с плавным переходом (вперед и назад) для всех браузеров: Код: <script> var slide ...


Закрытая тема
 
Опции темы
Старый 03.10.2008, 20:36   #1
Вечер добрый !
дело обстоит так: значь есть скрипт галереи с плавным переходом (вперед и назад) для всех браузеров:
Код:
<script>

 var slide = new Array;
 var pictureName = new Array("flower[1].jpg", "flower[2].jpg", "flower[3].jpg", "flower[4].jpg");

 for (var i = 0; i < pictureName.length; i++) {

     slide[i] = new Image();
     slide[i].src = pictureName[i];
 }

 var m = new Array(0, 100);
 var nextImage = 0;
 var t = "";


 function next(step) {

   if (t != "") return;

   m[0] = 0;
   m[1] = 100;

   nextImage = nextImage + step;

   if (nextImage == pictureName.length) {

      nextImage = 0;
   }  

   if (nextImage == -1) {

      nextImage = pictureName.length - 1;
   }  


   document.getElementById("after").src = slide[nextImage].src;

   change_slide();

 }

 function change_slide() {

  m[0] += 1;
  m[1] -= 1;

  document.getElementById("before_div").style.opacity = m[1]/100;
  document.getElementById("after_div").style.opacity = m[0]/100;
  document.getElementById("after_div").style.filter="alpha(opacity="+m[0]+")";
  document.getElementById("before_div").style.filter="alpha(opacity="+m[1]+")";

  t = setTimeout("change_slide()",5);
  if (m[0] > 98) {

     clearTimeout(t);
     document.getElementById("before").src = slide[nextImage].src;
     document.getElementById("before_div").style.opacity = 100;
     document.getElementById("before_div").style.filter="alpha(opacity=0)";
     t = "";
  }

 }

</script>

<style>

 .pic { position: absolute; top: 100px; left: 100px }
 a.navigation { text-decoration: none } 

</style>


<div id="after_div" class="pic">
<img id="after" src="flower[2].jpg">
</div>
<div id="before_div" class="pic">
<img id="before" src="flower[1].jpg">
</div>

<a href="javascript:next(-1)" class="navigation"><< Назад</a> <a href="javascript:next(1)" class="navigation">Вперед >></a>
а вопрос следующий: можно ли в скрипте какнить вместо кнопок вперед и назад сделать отдельные ссылки на каждую картинку, типо по названию картинки? да и как это скажится на загрузку страницы т.е. они сразу начнут грузится или по мере клика на ссылку картинки?
Спасибо за ответ =))
 
Старый 03.10.2008, 20:36
Ссылки
Старый 03.10.2008, 21:13   #2
Цитата:
Сообщение от ZemoN Посмотреть сообщение
а вопрос следующий: можно ли в скрипте какнить вместо кнопок вперед и назад сделать отдельные ссылки на каждую картинку, типо по названию картинки?
Бредите?!
 
Старый 03.10.2008, 22:06   #3
Цитата:
Сообщение от Rembrandt Посмотреть сообщение
Бредите?!
неа.... просто спросил
видимо нельзя а мож есть другое решение этого вопроса?
 
Старый 05.10.2008, 20:55   #4
Сделать можно. Только вопрос поставьте более понятный и доходчивый. Думаю, за определенное вознаграждение кто-нибудь тут вам поможет)

З.Ы. Что значит "плавный переход"?
 
Старый 06.10.2008, 01:10   #5
Цитата:
Сообщение от Scroll Посмотреть сообщение
Сделать можно. Только вопрос поставьте более понятный и доходчивый. Думаю, за определенное вознаграждение кто-нибудь тут вам поможет)
так он уже готовый ведь.... нахватает небольшой корректировки

Цитата:
Сообщение от Scroll Посмотреть сообщение
З.Ы. Что значит "плавный переход"?
смена картинок
 
Старый 07.10.2008, 20:02   #6
кстати я нашел решение данной проблемы.... даже я сказал бы БОЛЕЕ ТОГО !!!
вот ссылка: http://highslide.com/#examples
Можете сказать спасибо
 
Старый 07.10.2008, 20:02
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите движок сайта и скрипт галереи darkgod Кальянная 3 16.02.2012 01:05
Скрипт галереи Fazzz HTML, CSS, JavaScript 1 17.09.2008 09:35
Битва браузеров Sos Кальянная 12 10.04.2006 09:48
Нужен скрипт галереи Silver ASP, Perl, PHP и MySQL 7 09.09.2005 11:56
Как вставить готовый скрипт фото галереи в страницу? Scorp ASP, Perl, PHP и MySQL 3 26.05.2005 08:02


Текущее время: 15:10. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум