VPF::слайд-шоу с автоматической сменой картинок

sugee

Дата 8.8.2005, 16:04 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 423
Регистрация: 12.6.2005

Репутация: нет
Всего: 4

Хочу сделать слайд-шоу с автоматической сменой картинок
я это представляю себе примерно так

Код


<img src="images/1.gif" name=slide width=450 height=450>
<script>
pictures=new Array("images/1.gif", "images/13_b.jpg", "images/14.gif", "images/8_b.jpg");  
function AuthoSlide()
{
   thisPic=0;
   imgCt=pictures.length-1;
 while(thisPic<imgCt) {
   setInterval("thisPic++, 4000");
   document.slide.src=pictures[thisPic];
   }
}
AuthoSlide();
</script>

но тут есть какая-то ошибка, скрипт виснет при попытке запустить
его, хотя сообщений об ошибках нет

DEER

Дата 8.8.2005, 16:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 749
Регистрация: 12.4.2005
Где: г. Рязань

Репутация: 2
Всего: 13

ну это просто...
Ты ж thisPic не инкрементишь,

Код


pictures=new Array("images/1.gif", "images/13_b.jpg", "images/14.gif", "images/8_b.jpg");    
function AuthoSlide()    
{    
   thisPic=0;    
   imgCt=pictures.length-1;    
 while(thisPic<imgCt) {    
   setInterval("thisPic++, 4000");    
   document.slide.src=pictures[thisPic];    
   [b]thisPic++[/b]
   }    
}    
AuthoSlide();

--------------------

Retro

Дата 8.8.2005, 16:46 (ссылка)

(нет голосов)

Загрузка ...

Диалектик

Профиль
Группа: Участник Клуба
Сообщений: 1934
Регистрация: 28.6.2005
Где: Киев

Репутация: нет
Всего: 117

Цитата(sugee @ 8.8.2005, 16:04)

Хочу сделать слайд-шоу с автоматической сменой картинок

Зря делаешь это на JavaScript, попробуй запусти слайд-шоу из 20 картинок и посмотри минут через 5 насколько память загрузилась.

--------------------

Маркетинговые истории

sugee

Дата 8.8.2005, 16:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 423
Регистрация: 12.6.2005

Репутация: нет
Всего: 4

нет не получается smile

кстати а что такое thisPic++ ?
теперь выдает ошибку в этой самой строччке
требует ";"

Добавлено @ 16:55
прошу прощения я в начале подумал что [b] это часть кода
счас все нормально

Цитата

Зря делаешь это на JavaScript, попробуй запусти слайд-шоу из 20 картинок и посмотри минут через 5 насколько память загрузилась

ладно попробую на пхп

Sardar

Дата 8.8.2005, 23:13 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Ё-моё сколько ещё обьяснять что в JS нет привычных для C'шников и PASCAL'евцев sleep и подобных "замораживающих" функций! smile

setTimeout/setInterval ставит исполнение функции на заданное время, но не тормозит текущее исполнение, оно сразу продолжаеться после вызова smile

Посмотрим такой код:

Код

<img src="images/1.gif" id="slide1" width="450" height="450" />
<img src="images/1.gif" id="slide2" width="450" height="450" />
<script type="text/javascript">
var pictures=["images/1.gif", "images/13_b.jpg", "images/14.gif", "images/8_b.jpg"];
var currentPic=0;

function AutoSlide(for_image) {
   if(typeof(for_image)!="object"||for_image.tagName.toUpperCase()!='IMG') throw "AutoSlide: Illigal argument exception: first argument must be image element!";
   if(!pictures||pictures.length<1) return;
   var thisPic=0;   
   window.setInterval(function() {
     for_image.src=pictures[thisPic];
     thisPic=(thisPic+1)%pictures.length;
   }, 4000);
}
AutoSlide(document.getElementById('slide1'));
</script>
<button onclick="AutoSlide(document.getElementById('slide1'));">Запустить слайдшоу на второй картинке</button>

Медитируем smile

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

PAN2

Дата 23.3.2006, 18:25 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 23.3.2006

Репутация: нет
Всего: нет

Как сделать так чтобы скрипт не переключался на следующую картинку пока не загрузится текущая?
И пауза на N-секунд начиналась бы только после окончательной загрузки картинки.

Это сообщение отредактировал(а) PAN2 - 23.3.2006, 18:46

Ciber SLasH

Дата 23.3.2006, 20:54 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67

Цитата(PAN2 @ 23.3.2006, 18:25

)

пока не загрузится текущая?

Подгружать заранее.
Поиск по запросу: предзагрузка картинок

AlexBS

Дата 6.1.2007, 13:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 6.1.2007

Репутация: нет
Всего: нет

Скажу сразу, в скриптах не врубаюсь!
Но делаю сайт, второй день шарюсь по нету не могу найти простой, нормальный скрипт для маленького слайдшоу на главной странице, нашел что-то более-менее подходящее на http://y-net.narod.ru/slideshow.htm, но почему-то не работает? Помогите!

Может кто даст другой источник!

Это сообщение отредактировал(а) AlexBS - 6.1.2007, 13:25

Wolf1994

Дата 6.1.2007, 14:49 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 4
Всего: 29

AlexBS, что не работает? Какую ошибку выдаёт? Можно посмотреть Вашу страницу со скриптом?

AlexBS

Дата 6.1.2007, 15:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 6.1.2007

Репутация: нет
Всего: нет

Ошибок не выдает, просто не крутит шоу и все!
Заранее благодарен!

Код


<html>

<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<style type="text/css">
<!--
.style1 {font-size: 18px}
-->
</style>
<script language="JavaScript1.1">

var slideShowSpeed = 3000

var crossFadeDuration = 3
var Pic = new Array() 

Pic[0] = 'images/galery/1.jpg'
Pic[1] = 'images/galery/2.jpg'
Pic[2] = 'images/galery/3.jpg'

var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++) {
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow() {
   if (document.all) {
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all) {
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

</SCRIPT>

<script language="JavaScript">
<!--

function dm(msgStr) {
  document.returnValue = false;
  if (document.images) { 
     window.status = msgStr;
     document.returnValue = true;
}
}

function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;

    } }
}
//-->
</SCRIPT>

<script Language="JavaScript" FOR="CGIRU" event="onmouseover">
    CGIRU.filters(0).opacity=100;
</SCRIPT>

<script Language="JavaScript" FOR="CGIRU" event="onmouseout">
<!--



CGIRU.filters(0).opacity=20;
//-->
</SCRIPT>


</head>

<body vlink="#FF0000" alink="#0000FF" style="background-attachment: fixed" onload="runSlideShow(); FP_preloadImgs(/*url*/'images/mm/button6D.gif', /*url*/'images/mm/button6E.gif', /*url*/'images/mm/button76.gif', /*url*/'images/mm/button77.gif', /*url*/'images/mm/button7F.gif', /*url*/'images/mm/button80.gif', /*url*/'images/mm/button82.gif', /*url*/'images/mm/button83.gif', /*url*/'images/mm/button85.gif', /*url*/'images/mm/button86.gif', /*url*/'images/mm/button91.gif', /*url*/'images/mm/button92.gif')">

<table border="0" cellpadding="0" cellspacing="0" background="images/Site_Back.jpg" width="1015" height="731">
    <!-- MSTableType="layout" -->
    <tr>
        <td valign="top" colspan="5" height="101">
        <!-- MSCellType="ContentHead" -->
        <p align="left">&nbsp;</p></td>
    </tr>
    <tr>
        <td valign="top" width="32" rowspan="2">
        <!-- MSCellType="NavBody" -->
        &nbsp;</td>
        <td valign="top" width="182" rowspan="2">
        <!-- MSCellType="NavBody" -->
        <div align="center">
    <table border="3" bordercolor="#FFFFFF">
        <tr>
            <td><IMG class=img name=SlideShow src="images/galery/1.jpg"></td>
        </tr>
        <tr>
            <td bgcolor="#C0C0C0" height="25">&nbsp;</td>
        </tr>
    </table>
        </div>
        <p align="right"></td>
        <td></td>
        <td height="12"></td>
        <td valign="top" rowspan="2">
        <!-- MSCellType="NavBody2" -->
        &nbsp;<p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <div id="service" style="position:absolute; width:568px; height:29px; z-index:4; left: 384px; top: 232px; overflow: auto; font-weight: bold; font-size: 24px; background-image: url(images/Layer_back.png); layer-background-image: url(images/Layer_back.png); border: 1px none #000000; visibility: hidden;">
          <div align="left"></div>
          <table width="517" height="28" border="0">
            <tr>
              <td width="20" height="24">&nbsp;</td>
              <td width="481"><span class="style1"> Все что могу сделать для вас </span></td>
            </tr>
          </table>
          </div>
        <div id="about" style="position:absolute; width:568px; height:30px; z-index:2; left: 383px; top: 157px; overflow: auto; font-weight: bold; font-size: 24px; background-image: url(images/Layer_back.png); layer-background-image: url(images/Layer_back.png); border: 1px none #000000; visibility: hidden;">
          <div align="left"></div>
          <table width="517" border="0">
            <tr>
              <td width="20" height="24">&nbsp;</td>
              <td width="481"><span class="style1">Краткая автобиография</span></td>
            </tr>
          </table>
          </div>        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
          <div id="galery" style="position:absolute; width:568px; height:29px; z-index:3; left: 383px; top: 200px; overflow: auto; font-weight: bold; font-size: 24px; background-image: url(images/Layer_back.png); layer-background-image: url(images/Layer_back.png); border: 1px none #000000; visibility: hidden;">
            <div align="left"></div>
            <table width="517" height="28" border="0">
              <tr>
                <td width="20" height="24">&nbsp;</td>
                <td width="481"><span class="style1"> Выставка  работ</span></td>
              </tr>
            </table>
          </div>
          <div id="contacts" style="position:absolute; width:568px; height:29px; z-index:5; left: 384px; top: 273px; overflow: auto; font-weight: bold; font-size: 24px; background-image: url(images/Layer_back.png); layer-background-image: url(images/Layer_back.png); border: 1px none #000000; visibility: hidden;">
            <div align="left"></div>
            <table width="517" height="28" border="0">
              <tr>
                <td width="20" height="24">&nbsp;</td>
                <td width="481"><span class="style1"> Как связаться, сделать заказ...</span></td>
              </tr>
            </table>
          </div>
          <div id="main" style="position:absolute; width:568px; height:31px; z-index:1; left: 382px; top: 112px; overflow: auto; visibility: hidden; font-weight: bold; font-size: 24px; background-image: url(images/Layer_back.png); layer-background-image: url(images/Layer_back.png); border: 1px none #000000;">
            <div align="left"></div>
            <table width="517" border="0">
              <tr>
                <td width="20" height="24">&nbsp;</td>
                <td width="481"><span class="style1">Вернуться на главную страницу</span></td>
              </tr>
            </table>
          </div>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        </p></td>
    </tr>
    <tr>
        <td width="11">&nbsp;</td>
        <td valign="top" width="161" height="273">
        <!-- MSCellType="ContentBody" -->
        <p align="center">
<font size="1">
<img border="0" id="img1" src="images/mm/button6C.gif" height="22" width="120" alt="ГЛАВНАЯ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title="ГЛАВНАЯ" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/mm/button6D.gif'); MM_showHideLayers('document.layers[\'main\']','document.all[\'main\']','show'); return true; dm('main')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/mm/button6C_f.gif'); MM_showHideLayers('document.layers[\'main\']','document.all[\'main\']','hide'); return true; dm('')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/mm/button6E_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/mm/button6D.gif')"></font></p>
        <p align="center">
<font size="1">
<img border="0" id="img5" src="images/mm/button84.gif" height="22" width="120" alt="ОБО МНЕ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title="ОБО МНЕ" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'images/mm/button85.gif'); MM_showHideLayers('document.layers[\'about\']','document.all[\'about\']','show'); return true; dm('about')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'images/mm/button84_f.gif'); MM_showHideLayers('document.layers[\'about\']','document.all[\'about\']','hide'); return true; dm('')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'images/mm/button86_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'images/mm/button85.gif')"></font></p>
        <p align="center">
<font size="1">
<img border="0" id="img2" src="images/mm/button75.gif" height="22" width="120" alt="ГАЛЕРЕЯ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title="ГАЛЕРЕЯ" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/mm/button76.gif'); MM_showHideLayers('document.layers[\'galery\']','document.all[\'galery\']','show'); return true; dm('galery')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'images/mm/button75_f.gif'); MM_showHideLayers('document.layers[\'galery\']','document.all[\'galery\']','hide'); return true; dm('')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/mm/button77_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'images/mm/button76.gif')"></font></p>
        <p align="center">
<font size="1">
<img border="0" id="img3" src="images/mm/button7E.gif" height="22" width="120" alt="УСЛУГИ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title="УСЛУГИ" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/mm/button7F.gif'); MM_showHideLayers('document.layers[\'service\']','document.all[\'service\']','show'); return true; dm('service')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'images/mm/button7E_f.gif'); MM_showHideLayers('document.layers[\'service\']','document.all[\'service\']','hide'); return true; dm('')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/mm/button80_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'images/mm/button7F.gif')"></font></p>
        <p align="center">
<font size="1">
<img border="0" id="img4" src="images/mm/button81.gif" height="22" width="120" alt=" КОНТАКТЫ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title=" КОНТАКТЫ" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'images/mm/button82.gif'); MM_showHideLayers('document.layers[\'contacts\']','document.all[\'contacts\']','show'); return true; dm('contacts')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'images/mm/button81_f.gif'); MM_showHideLayers('document.layers[\'contacts\']','document.all[\'contacts\']','hide'); return true; dm('')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'images/mm/button83_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'images/mm/button82.gif')"></font></p>
        <p align="center">
<font size="1">
<img border="0" id="img6" src="images/mm/button90.gif" height="22" width="120" alt="ФОРУМ" fp-style="fp-btn: Jewel 5; fp-font-style: Bold; fp-font-size: 12; fp-font-color-normal: #C0C0C0; fp-font-color-hover: #FFFFFF; fp-transparent: 1; fp-proportional: 0" fp-title="ФОРУМ" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/mm/button91.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'images/mm/button92_f.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/mm/button92_d.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'images/mm/button91.gif')"></font></p>
        <p>&nbsp;</p>        </td>
  </tr>
    <tr>
      <td valign="top" colspan="4">&nbsp;</td>
      <td height="301">&nbsp;</td>
  </tr>
    <tr>
        <td valign="top" colspan="4">
        <!-- MSCellType="ContentFoot" -->
        &nbsp;</td>
        <td height="25" width="629">&nbsp;</td>
    </tr>
</table>

</body>

</html>

Sardar

Дата 6.1.2007, 20:36 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

AlexBS, где ты такой старый и глючный код откопал... это под браузеры годов так 96-98... smile

В меню, убери нафих эту таблицу и onmouse(over|out), просто сверстай на списке, а для подсветки возьми <a> с display: block. По hover сможешь менять картинку в бекграунде, скрипты здесь вообще не нужны. Заучить полностью.

Само слайдшоу в простейшем варианте это список картинок и функция сменяющая их по таймеру. Ставить все картинки на параллельную загрузку не надо, пожалей свой траф и траф пользователя. В нормальном варианте только 5 вправо/влево картинок в текущей селекции должны подгружаться + эффекты перехода (opacity во всех браузерах, остальное вроде IE only). Судя по тому как ты всё написал, лучше возьми любой свежий скрипт слайдшоу с hotscripts.com. В твоём случае писать надо всё с нуля, что не каждый захочет.

--------------------

AlexBS

Дата 7.1.2007, 06:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 6.1.2007

Репутация: нет
Всего: нет

Sardar, спасибо за помощь, за полезные ссылки и информацию, уже подобрал кое-что более-менее подходящее, буду ковырять, пытаться приладить к себе на страницу, хотя конечно не совсем меня устраувает, но думаю, через некоторое время со скриптами освоюсь и сам все перепишу. А код я вообще не писал, так, подправил немнго, а восновном он был автоматом сгенерин, и с других сайтов повыдерган и прилажен (не факт, что от слова лажа smile

Цитата

Я конечно, пока, не спец, но попозже дам ссылочу на сайт глянешь, скажешь, что-к чему. smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »