За последние 24 часа нас посетил 17571 программист и 1627 роботов. Сейчас ищут 1105 программистов ...

Скрипт

Тема в разделе "JavaScript и AJAX", создана пользователем xak2, 21 апр 2008.

  1. xak2

    xak2 Guest

    Даже не знаю как его назвать. Сам на яваскрипте неспособен написать скрипт такой сложности. Нужен скрипт который каждые 10 сек. меняет изоброжение на другое с эффектом затухания при этом чтобы зона была активная для клика? :?: Памагите как сможете.
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
  3. xak2

    xak2 Guest

    Очень полезный сайт. Но интересуют следующие вещи.

    Например сделать 4 фрагмента кода:

    HTML:
    1. <div id="1" style="display: none">
    2.     <a href="url.php">
    3.         <img src="image.jpg" />
    4.     </a>
    5. </div>
    6.  
    7. <div id="2" style="display: none">
    8.     <a href="adv.php">
    9.         <img src="banner.jpg" />
    10.     </a>
    11. </div>
    12.  
    13. <div id="3" style="display: none">
    14.     <a href="url2.php">
    15.         <img src="image2.jpg" />
    16.     </a>
    17. </div>
    18.  
    19. <div id="4" style="display: none">
    20.     <a href="url3.php">
    21.         <img src="image3.jpg" />
    22.     </a>
    23. </div>
    1. Как загрузить какойнибудь из них между тегами <div="rand">Rand contents here</div>.
    2. Как это сделать по истечению времени
    3. Как это сделать в стиле fade?
     
  4. xak2

    xak2 Guest

    Нашел как вбить ХТМЛ в необходимое место и как это сделать по истечению времени, как сделать эфект затухания так и не нашел
     
  5. Johnatan

    Johnatan Активный пользователь

    С нами с:
    6 мар 2008
    Сообщения:
    508
    Симпатии:
    0
    Адрес:
    Испания
  6. xak2

    xak2 Guest

    Понял, непонял как сделать чтобы каждые 10 секунд менялись хтмл контенты при их окончани ивсе начиналось сначала. Щас пробую сделать при помощи for но покачто безупсешно.
     
  7. xak2

    xak2 Guest

    На http://www.tigir.com/fade.htm есть только варианты для таблиц дивов и т.д. А как это сделат ьс картинкой? Как использовать moz фильтры для лисички?

    Проверил такой вариант:
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>Документ без названия</title>
    5. <script language="javascript">
    6.  
    7. var banner = new Array();
    8.  
    9. banner[0] = '1.1.png';
    10. banner[1] = '1.2.png';
    11.  
    12. function change(id) {
    13.  
    14.     document.getElementById('adv').innerHTML = "<img src=\"images/web/adv/" + banner[id] + "\" border=\"0\" />";
    15.  
    16. }
    17.  
    18. function start() {
    19.     for (i = 0; i < 1; i++) {
    20.         setTimeout(change(i), 3000);
    21.     }
    22. }
    23.  
    24. </head>
    25.  
    26. <body onload="start()">
    27. <div id="adv"></div>
    28. </body>
    29. </html>
    Не работает. Все время стоит одна картинка
     
  8. xak2

    xak2 Guest

    Все оказалось просто:

    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4. <title>Документ без названия</title>
    5. <script language="javascript">
    6.  
    7. var i = 0;
    8. var banner = new Array();
    9.  
    10. banner[0] = '1.1.png';
    11. banner[1] = '1.2.png';
    12.  
    13. function change(id) {
    14.    
    15.     if (i > 1) {
    16.         i = 0;
    17.     }
    18.    
    19.     document.getElementById('adv').innerHTML = "<img src=\"images/web/adv/" + banner[i] + "\" border=\"0\" />";
    20.     timer = setTimeout("change(i)", 3000);
    21.    
    22.     i++;
    23.  
    24. }
    25.  
    26. </head>
    27.  
    28. <body onload="change()">
    29. <div id="adv"></div>
    30. </body>
    31. </html>
    Осталось разобратсья с затуханием
     
  9. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0