Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 06.09.2010, 11:32   #1
Benderbej
Пользователь
 
Аватар для Benderbej
 
Регистрация: 23.08.2010
Сообщений: 42
Радость Обйясните как работает скрипт фотоленты...

Есть скрипт фотоленты, пример на сайте:
http://alstravel.ru/
внизу страницы

Хочу понять что к чему, как он работает, основные положения.
Скрипт по-видимому несложный, можете дать свои комментарии к нему?
Код HTML:
<script>

function show(id){document.getElementById(id).style.visibility="visible"}
function cls(id){document.getElementById(id).style.visibility="hidden"}
</script>

    <script language="JavaScript">
<!--
var Open = ""
var Closed = ""

function preload()
{
if(document.images)
  {
   Open = new Image(16,13)
   Closed = new Image(16,13)
   Open.src = "/images/b_cat2.gif"
   Closed.src = "/images/b_cat3.gif"
  }
}
function shh(whatId)
{
 what = document.getElementById(whatId);
 //what2 = document.getElementById('s2101');


 if (what.style.display=='none' || what.style.display =='')
 {
    what.style.display='block';
    //alert(what.style.display);

    //what2.src=Open.src

 }
 else
 {
    what.style.display='none'
    //what2.src=Closed.src
 }
 return false;
}
-->
</script>
Benderbej вне форума Ответить с цитированием
Старый 06.09.2010, 11:33   #2
Benderbej
Пользователь
 
Аватар для Benderbej
 
Регистрация: 23.08.2010
Сообщений: 42
По умолчанию

ПРОДОЛЖЕНИЕ(БЛОК ГАЛЕРЕИ)
Код HTML:
<div class="home-sections" style="padding-top:4%">
    <div id="demo" style="OVERFLOW: hidden; WIDTH: 1000; ">
   <table cellpadding="0" align="left" border="0" width=100% cellspace="0">

    <tbody>
    <tr>

     <td id="demo1" valign="top">
     <table cellspacing="0" cellpadding="0" width="100%" style="background: url(/i/kadr.gif) left top" border="0" height="124">
        <tbody>
      <tr align="center">
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=38&country_id=63" class="maintext" alt="Египет Отель ALADDIN 4 звезды" title="Египет Отель ALADDIN 4 звезды"><img src="/images/cache/73d2f5c736f002006bbe8839c17164e0.jpg" border=0 width=132 height=99 alt="Египет Отель ALADDIN 4 звезды"></td>

      <td width="180" height="101">
       <a href="/?hotel&hotel_id=39&country_id=63" class="maintext" title="Египет Отель ALBATROS RESORT 4 звезды" alt="Египет Отель ALBATROS RESORT 4 звезды"><img src="http://alstravel.ru/images/cache/d630da8f679d943928343871d171a439.jpg" border=0 width=132 height=99 alt="Египет Отель ALBATROS RESORT 4 звезды" title="Египет Отель ALBATROS RESORT 4 звезды"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=919&country_id=63" class="maintext" title="Египет Отель CORAL BEACH TIRAN 4 звезды" alt="Египет Отель CORAL BEACH TIRAN 4 звезды"><img src="http://alstravel.ru/images/cache/baa44ab7b585ab54cab2206f6249aa80.jpg" border=0 width=132 height=99 alt="Египет Отель CORAL BEACH TIRAN 4 звезды" title="Египет Отель CORAL BEACH TIRAN 4 звезды"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=302&country_id=61" class="maintext" title="Болгария Отель АДМИРАЛ 5 звезд" alt="Болгария Отель АДМИРАЛ 5 звезд"><img src="http://alstravel.ru/images/cache/37946189545c54780251dc1b97c33599.jpg" border=0 width=132 height=99 alt="Болгария Отель АДМИРАЛ 5 звезд" title="Болгария Отель АДМИРАЛ 5 звезд"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=966&country_id=61" class="maintext" title="Болгария Отель АЛБЕНА БИЙЧ КЛУБ 4 звезды" alt="Болгария Отель АЛБЕНА БИЙЧ КЛУБ 4 звезды"><img src="/images/cache/1d06f3a11db51cc2470c34709524a7ec.jpg" border=0 width=132 height=99 alt="Болгария Отель АЛБЕНА БИЙЧ КЛУБ 4 звезды" title="Болгария Отель АЛБЕНА БИЙЧ КЛУБ 4 звезды"></td>
      <td width="180" height="101">

       <a href="/?hotel&hotel_id=789&country_id=61" class="maintext" title="Болгария Отель АРАБЕЛА БИЙЧ 4 звезды" alt="Болгария Отель АРАБЕЛА БИЙЧ 4 звезды"><img src="/images/cache/1a0405ede589667e59a9a048e439a7b0.jpg" border=0 width=132 height=99 alt="Болгария Отель АРАБЕЛА БИЙЧ 4 звезды" title="Болгария Отель АРАБЕЛА БИЙЧ 4 звезды"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=235&country_id=93" class="maintext" title="Турция Отель ALARA HOTEL 4 звезды" alt="Турция Отель ALARA HOTEL 4 звезды"><img src="/images/cache/35779d33c8bcc56b466bc77041d59184.jpg" border=0 width=132 height=99 alt="Турция Отель ALARA HOTEL 4 звезды" title="Турция Отель ALARA HOTEL 4 звезды"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=520&country_id=93" class="maintext" title="Турция Отель CLUB DIZALYA 4 звезды" alt="Турция Отель CLUB DIZALYA 4 звезды"><img src="/images/cache/48435650fe567c67270ee9bdd1390738.jpg" border=0 width=132 height=99 alt="Турция Отель CLUB DIZALYA 4 звезды" title="Турция Отель CLUB DIZALYA 4 звезды"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=241&country_id=93" class="maintext" title="Турция Отель FIRST CLASS HOTEL 5 звезд" alt="Турция Отель FIRST CLASS HOTEL 5 звезд"><img src="/images/cache/41061354b51265436a9db7551a00e2c1.jpg" border=0 width=132 height=99 alt="Турция Отель FIRST CLASS HOTEL 5 звезд" title="Турция Отель FIRST CLASS HOTEL 5 звезд"></td>
      <td width="180" height="101">
       <a href="/?hotel&hotel_id=266&country_id=93" class="maintext" title="Турция Отель MAY GARDEN CLUB HOTEL 4 звезды" alt="Турция Отель MAY GARDEN CLUB HOTEL 4 звезды"><img src="/images/cache/ff32850a3c915ca962c99d81e42f76c1.jpg" border=0 width=132 height=99 alt="Турция Отель MAY GARDEN CLUB HOTEL 4 звезды" title="Турция Отель MAY GARDEN CLUB HOTEL 4 звезды"></td>

      </tr>
      </tbody>
     </table>
     </td>
     <td id="demo2" valign="top"></td>
    </tr>
    </tbody>
   </table>
   </div>

</center>
Benderbej вне форума Ответить с цитированием
Старый 06.09.2010, 11:34   #3
Benderbej
Пользователь
 
Аватар для Benderbej
 
Регистрация: 23.08.2010
Сообщений: 42
По умолчанию

ПРОДОЛЖЕНИЕ(последний кусок скрипта)
Код HTML:
<script type="text/javascript">

var speed1=10;

document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML

function Marquee1(){
 if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0){
 document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
 }
 else{
 document.getElementById("demo").scrollLeft++
 }
}


MyMar1=setInterval(Marquee1,speed1)
document.getElementById("demo").onmouseover=function(){clearInterval(MyMar1);}
document.getElementById("demo").onmouseout=function(){MyMar1=setInterval(Marquee1,speed1);}
</script>

<!--slide show end-->
      </div>
Benderbej вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите, почему не работает скрипт void656 HTML и CSS 5 12.01.2010 15:16
Скрипт не работает в Опере SuBwooFer JavaScript, Ajax 4 02.09.2009 14:49
Не работает скрипт maximYCH PHP 17 27.08.2008 19:00
Скрипт неправильно работает aleksa76 JavaScript, Ajax 4 21.05.2008 17:47