Поправить js-скрипт (платно)

wish · 30 Янв 2008

Поправить js-скрипт (платно)

В разделе работа не стал постить, так как это не совсем работа - больше халтура.

Есть бесплатный скрипт горизонтального и вертикального скрола (назвал его js_hscroll).
Необходимо его отредактировать - сделать только горизонтальным, по бокам сделать кнопки "Предыдущий", "Следующий", отменить запуск скрола по таймеру, при щелчке на кнопке Предыдущий - скрол влево, Следующий - вправо:

Пишите сколько хотите за доработку - скину в WMZ

PHP:

function scrollObject(main, width, height, direct, pause, speed) {
  var self = this;
  this.main = main;
  this.width = width;
  this.height = height;
  this.direct = direct;
  this.pause = pause;
  this.speed = Math.max(1.001, Math.min((direct == "up" || direct == "down") ? height : width, speed));
  this.block = new Array();
  this.blockprev = this.offset = 0;
  this.blockcurr = 1;
  this.mouse = false;
  this.scroll = function() {
    if (!document.getElementById) return false;
    this.main = document.getElementById(this.main);
    while (this.main.firstChild) this.main.removeChild(this.main.firstChild);
    this.main.style.overflow = "hidden";
    this.main.style.position = "relative";
    this.main.style.width = this.width + "px";
    this.main.style.height = this.height + "px";
    for (var x = 0; x < this.block.length; x++) {
      var table = document.createElement('table');
          table.cellPadding = table.cellSpacing = table.border = "0";
          table.style.position = "absolute";
          table.style.left = table.style.top = "0px";
          table.style.width = this.width + "px";
          table.style.height = this.height + "px";
          table.style.overflow = table.style.visibility = "hidden";
        var tbody = document.createElement('tbody');
          var tr = document.createElement('tr');
            var td = document.createElement('td');
                td.innerHTML = this.block[x];
              tr.appendChild(td);
            tbody.appendChild(tr);
          table.appendChild(tbody);
      this.main.appendChild(this.block[x] = table);
    }
    if (this.block.length > 1) {
      this.main.onmouseover = function() { self.mouse = true; }
      this.main.onmouseout = function() { self.mouse = false; }
      setInterval(function() {
        if (!self.offset && self.scrollLoop()) self.block[self.blockcurr].style.visibility = "visible";
      }, this.pause);
    } this.block[this.blockprev].style.visibility = "visible";
  }
  this.scrollLoop = function() {
    if (!this.offset) {
      if (this.mouse) return false;
      this.offset = (this.direct == "up" || this.direct == "down") ? this.height : this.width;
    } else this.offset = Math.floor(this.offset / this.speed);
    if (this.direct == "up" || this.direct == "down") {
      this.block[this.blockcurr].style.top = ((this.direct == "up") ? this.offset : -this.offset) + "px";
      this.block[this.blockprev].style.top = ((this.direct == "up") ? this.offset - this.height : this.height - this.offset) + "px";
    } else {
      this.block[this.blockcurr].style.left = ((this.direct == "left") ? this.offset : -this.offset) + "px";
      this.block[this.blockprev].style.left = ((this.direct == "left") ? this.offset - this.width : this.width - this.offset) + "px";
    }
    if (!this.offset) {
      this.block[this.blockprev].style.visibility = "hidden";
      this.blockprev = this.blockcurr;
      if (++this.blockcurr >= this.block.length) this.blockcurr = 0;
    } else setTimeout(function() { self.scrollLoop(); }, 30);
    return true;
  }
}

HTML

PHP:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style type="text/css">
 #scr1 {
   background-color:#f6f6f6;
   margin:0px auto;
   width: 600px;
   text-align: center;
 	}
 
  #scr1 table tr td {
   padding:10px;
   color:#ff0000;
   text-align:center;
   vertical-align:middle;
 }
</style>
</head>

<body>
<script language="javascript" src="js_hscroll.js" type="text/javascript"></script>

<script type="text/javascript" language="JavaScript">
var scroll1 = new scrollObject("scr1", 600, 120, "left", 5000, 1.15);
    scroll1.block[0] = "This is block 1";
	scroll1.block[1] = "This is block 2";
    window.onload = function() {
	  scroll1.scroll();
		}
</script>

<div id="scr1">

Ваш браузер не поддерживает JavaScript.<br />
Для просмотра галереи необходимо включить <br />
поддержку JavaScript.
</div>

 </body>
 
 </html>

Поправить js-скрипт (платно)

wish

Новичок