Цитата:
|
Цитата:
И здесь не забудьте поправить div1 = document.getElementById('div1'), div2 = document.getElementById('div2') |
Цитата:
|
Цитата:
|
herotic, очевидно, что яваскрипт вы не знаете вообще. Первый скрипт не менял style.background у div'а, как оно нужно вам. Он менял .src у первой картинки (<img>). Ну и чтобы поставить точку: вы знаете, что значит getElementById??? Если нет, то либо сделайте заказ в разделе работа, либо заведите фиктивную дружбу с программистом: пейте пиво, разговаривайте за жизнь, а через полгодика спроси у него, как это сделать. Он сделает, а ты скажи: "Не друг ты мне! Я использовал тебя в своих целях и добился своего! теперь иди на!..."
|
Цитата:
|
Рабочий код, может кому-нибудь пригодиться:
<script> var url1 = 'images/1.png', url2 = 'images/2.png' setInterval( function(){ document.getElementById('div').style.background = "url('"+url2+"')" setTimeout( function(){ document.getElementById('div').style.background = "url('"+url1+"')" }, 1000) }, 11000) </script> |
Цитата:
Цитата:
Цитата:
setInterval( function(){ document.getElementById('div').style.background = "url('images/1.png')" setTimeout( function(){ document.getElementById('div').style.background = "url('images/2.png')" }, 1000) }, 11000) |
Sweet, в твоем коде я убрал переменную div1 из-за нее ругался браузер и почему-то не работал, хоть и должен был. И убрал переменную div2, потому как она вообще не нужно. После исправления начал работать хотя я сам и не понял почему. Спасибо за помощь :)
|
Ув. форумчане, помогите пожалуйста найти ошибку. Код работает как надо, но при первой загрузке страницы первое изображение чуть подвисает, затем мигает последнее, затем цикл идёт нормально с плавными переходами и прочее. Если обновить страницу всё повторяется сначала. Помогите устранить ошибку с заминкой при первой загрузке.Сразу скажу, код не мой, пытался переделать найденный.С javascript знаком довольно посредственно.Заранее спасибо, вот код
<script type="text/javascript">// <![CDATA[ var image_count = 5; var interval = 5000; var time_out = 15; var i = 0; var timeout; var opacity = 100; function change_image() { opacity--; var j = i + 1; var current_image = 'img_' + i; if (i == image_count) j = 1; var next_image = 'img_' + j; document.getElementById(current_image).style.opaci ty=opacity/100; document.getElementById(current_image).style.filte r='alpha(opacity='+opacity+')'; document.getElementById(next_image).style.opacity= (100-opacity)/100; document.getElementById(next_image).style.filter=' alpha(opacity='+(100-opacity)+')'; timeout = setTimeout("change_image()", time_out); if (opacity==1) { opacity = 100; clearTimeout(timeout); } } setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval); // ]]></script> и ХТМЛ <div id="header" class="div"> <img src="2.jpg" id="img_1" style="position:absolute; " /> <img src="3.jpg" id="img_2" style="position:absolute;opacity: 0; filter: alpha(opacity=0); " /> <img src="4.jpg" id="img_3" style="position:absolute; " /> <img src="5.jpg" id="img_4" style="position:absolute;opacity: 0; filter: alpha(opacity=0); " /> <img src="1.jpg" id="img_5" style="position:absolute; " /> </div> |
Часовой пояс GMT +3, время: 21:01. |