Форум iSofter
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » ***Всё для Ucoz*** » Меню для ucoz » Слайдер картинок для сайта, скоростной (Слайдер картинок для сайта, скоростной)
Слайдер картинок для сайта, скоростной
GrozaZoolДата: Четверг, 03.03.2011, 17:12 | Сообщение # 1

Главный админ

Сообщений: 142
Репутация: 12784
Статус: Offline
Вот пример с одного сайта

Слайдер довольно простои и старый, я его чуток подредактировал и сделал исправления и модернизацию элементарного для работы , и хочу в него вставить информер с ротацией к примеру новостей с другими функциями для вставки в низ страниц сайта

УСТАНОВКА СЛАЙДЕРА И САМ КОД
Вставляем в HEAD И заменяем картинки на свои

Code
<script language="JavaScript1.1">   
    ona = true; dir = true; pause = 3000; i=0; im=10; imga = new Array();    
    imga[0] = new Image(); imga[0].src="_dr/31/59917579.gif";    
    imga[1] = new Image(); imga[1].src="/_dr/37/41527055.gif";    
    imga[2] = new Image(); imga[2].src="/_dr/36/63458306.gif";    
    imga[3] = new Image(); imga[3].src="/_dr/36/85002880.gif";    
    imga[4] = new Image(); imga[4].src="/_dr/31/50530971.gif";    
    imga[5] = new Image(); imga[5].src="/_dr/33/49032601.gif";    
    imga[6] = new Image(); imga[6].src="/_dr/33/94772824.gif";   
    imga[7] = new Image(); imga[7].src="/SCRIN7/1/Ucozon4ik.gif";    
    imga[8] = new Image(); imga[8].src="/SCRIN1/banner.gif";    
    imga[9] = new Image(); imga[9].src="/SCRIN1/hiphoplog.gif";    
    imga[10] = new Image(); imga[10].src="/SCRIN1/bliue3480x.gif";    
    function showapic(){    
    if( ona ){   
    document.images[0].src=imga[i].src;   
    if( dir ){i++; if( i > im ){i=0;}}else{i--; if( i < 0 ){i=im;}}    
    document.txte.tte.value=document.images[0].src;   
    } setTimeout('showapic()',pause);   
    }   
    function stopf(){ ona = false; } function starf(){ ona = true; dir = true; }   
    function backf(){ ona = true; dir = false; } function slow(){ pause += 500; }   
    function fast(){ pause -= 500; if(pause < 200){pause = 200;}}   
</script>

После body вставляем вывод скрипта и ссылки с кнопками

Code
<fieldset style="width: 600px;"><table><tr><td>   
</td><td width=20></td><td align=left valign=top>   
<input class="loginButton" type="button" value=" Остановить " onClick="stopf()"> <input class="loginButton" type="button" value=" Пуск" onClick="starf()">   
<input class="loginButton" type="button" value=" Назад" onClick="backf()"> <input class="loginButton" type="button" value="Быстрее" onClick="fast()">   
<input class="loginButton" type="button" value="Медленнее" onClick="slow()"><br>   
</td></tr></table> <br>   
<img name="imga" SRC="/_dr/31/59917579.gif" hspace=5 align=middle><br>   
<br> <form name="txte" onSubmit="0">Ссылка на баннер: <input type="text" name="tte" size=50 value=""></form>   
</fieldset></center>   
<script language="JavaScript1.1"> showapic(); </script>

Вот и все, должно работать как часики если все сделано правильно.
Настройка: im=10; это указываете сколько фоток всего прокручивать должно
i=0; с какой фотки начинать движение


 
Форум » ***Всё для Ucoz*** » Меню для ucoz » Слайдер картинок для сайта, скоростной (Слайдер картинок для сайта, скоростной)
Страница 1 из 11
Поиск:



Яндекс.Метрика
Copyright © 2010-2016г