ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Плавный переход между картинками - JS
25 сообщений из 64, страница 1 из 3
  1  все
Плавный переход между картинками - JS
    #35418958
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
Здравствуйте, помогите пожалуйста сделать плавный переход между картинками
Я нашел в интернете скриптик для этого, но там это сделано только для одной кртинки, а мне на страничке нужно менять картинки в трех местах, и в каждом месте будут разные группы картинок, а не одинаковые.
Мне удалось немного получить что я хочу, но до конца это так и не работает..
Может быть ктото знает как это сделать, я JS только начал изучать.. потому самому никак не получается, а очень нужно.
Заранее благодарен.

Вот то что я нашел в интернете:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
Код JS:

<script>
var slide = new Array;
var pictureName = new Array("photo_1.jpg", "photo_2.jpg", "photo_3.jpg");
for (var i =  0 ; i < pictureName.length; i++) {
     slide[i] = new Image();
     slide[i].src = pictureName[i];
}
var m = new Array( 0 ,  100 );
var nextImage =  0 ;
var t = "";

function next() {
   if (t != "") return;
   m[ 0 ] =  0 ;
   m[ 1 ] =  100 ;
   nextImage = nextImage +  1 ;
   if (nextImage == pictureName.length) { nextImage =  0 ; }  
   document.getElementById("after").src = slide[nextImage].src;
   change_slide();
}

function change_slide() {
  m[ 0 ] +=  1 ;
  m[ 1 ] -=  1 ;
  document.getElementById("before_div").style.opacity = m[ 1 ]/ 100 ;
  document.getElementById("after_div").style.opacity = m[ 0 ]/ 100 ;
  document.getElementById("after_div").style.filter="alpha(opacity="+m[ 0 ]+")";
  document.getElementById("before_div").style.filter="alpha(opacity="+m[ 1 ]+")";
  t = setTimeout("change_slide()", 5 );
  if (m[ 0 ] >  98 ) {
     clearTimeout(t);
     document.getElementById("before").src = slide[nextImage].src;
     document.getElementById("before_div").style.opacity =  100 ;
     document.getElementById("before_div").style.filter="alpha(opacity=0)";
     t = ""; setTimeout("next()", 3000 );
  } }
</script>


HTML код:

<style>
.pic { position: absolute; top: 100px; left: 100px }
</style>

<body onload="setTimeout('next()',3000)">

<div id="after_div" class="pic"><img id="after" src="photo_2.jpg"></div>
<div id="before_div" class="pic"><img id="before" src="photo_1.jpg"></div>

</body>

мне нужно чтобы в HTML было чтото наподобие:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<style>
.pic { position: absolute; top: 100px; left: 100px }
.pic2 { position: absolute; top: 100px; left: 500px }
</style>

<body onload="setTimeout('next()',3000)">

<div id="after_div" class="pic"><img id="after" src="photo_2.jpg"></div>
<div id="before_div" class="pic"><img id="before" src="photo_1.jpg"></div>

<div id="after_div2" class="pic2"><img id="after2" src="photo2_2.jpg"></div>
<div id="before_div2" class="pic2"><img id="before2" src="photo2_1.jpg"></div>

</body>
...
Рейтинг: 0 / 0
08.07.2008, 23:06:32
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35419018
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
Неужели никто не знает как сделать.
Отпишитесь пожалуйста, мне очень срочно нужно..
Там наверняка разбирающемуся человеку пару минут код поправить и все.

Я пробовал просто добавить новых переменный в скрипт, но чтото не работает..
Я раньше с++ изучал, вроде логику построения циклов, условий и прочего понимаю, но тут почему то не хочет работать и все

Вот могу приложить то что у меня получилось:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>

var slide = new Array;
var slide2 = new Array;
var pictureName = new Array("photo_1.jpg", "photo_2.jpg", "photo_3.jpg");
var pictureName2 = new Array("photo2_1.jpg", "photo2_2.jpg", "photo2_2.jpg");
for (var i =  0 ; i <  3 ; i++) {
     slide[i] = new Image();
     slide[i].src = pictureName[i];
     slide2[i] = new Image();
     slide2[i].src = pictureName2[i];
}

var m = new Array( 0 ,  100 );
var nextImage =  0 ;
var t = "";

function next() {
   if (t != "") return;
   m[ 0 ] =  0 ;
   m[ 1 ] =  100 ;
   nextImage = nextImage + step;
   if (nextImage ==  3 ) { nextImage =  0 ; }  
   document.getElementById("after").src = slide[nextImage].src;
   document.getElementById("after2").src = slide2[nextImage].src;
   change_slide();
}

function change_slide() {
  m[ 0 ] +=  1 ;
  m[ 1 ] -=  1 ;
  document.getElementById("before_div").style.opacity = m[ 1 ]/ 100 ;
  document.getElementById("before_div2").style.opacity = m[ 1 ]/ 100 ;
  document.getElementById("after_div").style.opacity = m[ 0 ]/ 100 ;
  document.getElementById("after_div2").style.opacity = m[ 0 ]/ 100 ;
  document.getElementById("after_div").style.filter="alpha(opacity="+m[ 0 ]+")";
  document.getElementById("after_div2").style.filter="alpha(opacity="+m[ 0 ]+")";
  document.getElementById("before_div").style.filter="alpha(opacity="+m[ 1 ]+")";
  document.getElementById("before_div2").style.filter="alpha(opacity="+m[ 1 ]+")";
  t = setTimeout("change_slide()", 5 );
  if (m[ 0 ] >  98 ) {
     clearTimeout(t);
     document.getElementById("before").src = slide[nextImage].src;
     document.getElementById("before2").src = slide2[nextImage].src;
     document.getElementById("before_div").style.opacity =  100 ;
     document.getElementById("before_div2").style.opacity =  100 ;
     document.getElementById("before_div").style.filter="alpha(opacity=0)";
     document.getElementById("before_div2").style.filter="alpha(opacity=0)";
     t = ""; setTimeout("next()", 1000 );
  } }
</script>

<style>
.pic { position: absolute; top: 100px; left: 10px }
.pic2 { position: absolute; top: 100px; left: 300px }
</style>
</head>
<body onload="setTimeout('next()',1000)">

<div id="after_div" class="pic"><img id="after" src="photo_2.jpg"></div>
<div id="before_div" class="pic"><img id="before" src="photo_1.jpg"></div>

<div id="after_div2" class="pic2"><img id="after2" src="photo2_2.jpg"></div>
<div id="before_div2" class="pic2"><img id="before2" src="photo2_1.jpg"></div>

</body></html>
...
Рейтинг: 0 / 0
09.07.2008, 00:08:30
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35419080
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
вот же народ... Понасоздают кучу элементов, еще и id'ы всем назначат, и давай поэму на js строчить - массивы какие-то, бесконечные обращения по ид.... Бррр...

Мой вариант (по идее должно работать):
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
<script>
function Animate(divId)
{
	var oThis = this;
	var aImg  = document.getElementById(divId).getElementsByTagName('img');
	var m1 =  100 , m2 =  0 , nextImage =  0 , t = "";
	var oImg1 = '', oImg2 = '';

	this.next = function()
	{
		if (t != "") return;
		m1 =  100 ;
		m2 =  0 ;
		oImg1 = aImg[nextImage];	
		nextImage++;
		if (nextImage == aImg.length) { nextImage =  0 ; }  
		oImg2 = aImg[nextImage];	
		oThis.changeSlide();
	}

	this.changeSlide = function(){
		m1--; m2++;
		oImg1.style.opacity = m1/ 100 ;
		oImg1.style.filter="alpha(opacity="+m1+")";
		oImg2.style.opacity = m2/ 100 ;
		oImg2.style.filter="alpha(opacity="+m2+")";
		t = setTimeout(oThis.changeSlide, 5 );
		if (m2 ==  100 ) {
			clearTimeout(t); t = ""; 
			setTimeout(oThis.next, 3000 );
		}
	}

	setTimeout(oThis.next, 1000 );
}

window.onload = function() { new Animate('img1'); new Animate('img2');  }
</script>

<style>
.pic1 { position: absolute; opacity: 1 ; filter:alpha(opacity= 100 );}
.pic2 { position: absolute; opacity: 0 ; filter:alpha(opacity= 0 );}
#img1 { position: relative; top: 100px; left: 100px; }
#img2 { position: relative; top: 100px; left: 500px; }
</style>

<div id="img1">
	<img class="pic1" src="1.jpg">
	<img class="pic2" src="2.jpg">
	<img class="pic2" src="3.jpg">
</div>

<div id="img2">
	<img class="pic1" src="4.jpg">
	<img class="pic2" src="5.jpg">
</div>
...
Рейтинг: 0 / 0
09.07.2008, 02:14:56
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35419081
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
Ваш скрипт использует глобалные переменные. Пожтому и работает только для одной картинки.
В можете поместить весь скрипт в тло одной функции:
function outer() {
// скрипт
}
а затем трижды вызвать эту функцию с нужными параметрами
...
Рейтинг: 0 / 0
09.07.2008, 02:17:58
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426503
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
проверил выше приведенный скрипт от illion , все работает отлично, спасибо

только возникло небольшое замечание от заказчика

на моем то компьютере все работает синхронно
но на более медленных машинах (видимо как та с которой данную страничку просматривали они) первая картинка меняется немного быстрее второй
я конечно понимаю, что это вызвано тем, что функции для смены картинок вызываются поочереди
Код: plaintext
window.onload = function() { new Animate('img1'); new Animate('img2');

но все же, нельзя ли как нибудь переделать данный код чтобы картинки загружались одновременно ?
например загружать в программу сразу все блоки картинок и менять прозрачность сразу на всех в одном и том же "цикле"
заранее известно, что будет 3 блока, в каждом из которых по три картинки (в названии отличающиеся только индексами)..
...
Рейтинг: 0 / 0
11.07.2008, 22:07:12
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426512
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
p4sh0k
Ага. принеси дерьма, принеси ложку, попробуй. Тебе уже illion и так уже всё написала.
...
Рейтинг: 0 / 0
11.07.2008, 22:15:46
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426513
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
а что сразу с наездами то?! как на рынке вещевом себя ведешь!!
...
Рейтинг: 0 / 0
11.07.2008, 22:19:14
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426514
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
p4sh0k...нельзя ли как нибудь переделать данный код...
Это я к вот этому.
...
Рейтинг: 0 / 0
11.07.2008, 22:21:31
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426749
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
p4sh0k
на моем то компьютере все работает синхронно
но на более медленных машинах (видимо как та с которой данную страничку просматривали они) первая картинка меняется немного быстрее второй
я конечно понимаю, что это вызвано тем, что функции для смены картинок вызываются поочереди

проверила на старой машине (наконец-то она пригодилась :-) ) - действительно работает не синхронно. Причем не то чтобы вторая от первой отставала, нет же - асинхронность абсолютно фонарная (то первая картинка вперед успевает, то вторая, иногда одновременно.) Скорее всего это связано с загрузкой интерпретатора на момент срабатывания таймера и как этот эффект устранить - я не знаю. Если это так критично, то надо попробовать создавать не два отдельных объекта, а напихать все в один (некрасиво конечно, но ...).
...
Рейтинг: 0 / 0
12.07.2008, 14:18:09
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426806
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
illionнапихать все в один
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
function Animate(aDivId)
{
	var oThis = this;
	var m1 =  100 , m2 =  0 , t="";
	var animImg = {};
	for (var i= 0 ; i < aDivId.length; i++)
	{	 
		animImg[aDivId[i]] = {
			'aImg' : document.getElementById(aDivId[i]).getElementsByTagName('img'),
			'nextImage' :  0 
		};
	}
	
	this.next = function()
	{
		for (var i in animImg)
		{
			if (t != "") return;
			m1 =  100 ;
			m2 =  0 ;
			animImg[i].oImg1 = animImg[i].aImg[animImg[i].nextImage];	
			animImg[i].nextImage++;
			if (animImg[i].nextImage == animImg[i].aImg.length) { animImg[i].nextImage =  0 ; }  
			animImg[i].oImg2 = animImg[i].aImg[animImg[i].nextImage];	
		}
		oThis.changeSlide();
	}

	this.changeSlide = function(){
		for (var i in animImg)
		{
			m1--; m2++;
			animImg[i].oImg1.style.opacity = m1/ 100 ;
			animImg[i].oImg1.style.filter="alpha(opacity="+m1+")";
			animImg[i].oImg2.style.opacity = m2/ 100 ;
			animImg[i].oImg2.style.filter="alpha(opacity="+m2+")";
		}
		t = setTimeout(oThis.changeSlide, 5 );
		if (m2 ==  100 ) 
		{
			clearTimeout(t); t = ""; 
			setTimeout(oThis.next, 3000 );
		}
	}

	setTimeout(oThis.next, 1000 );
}

window.onload = function() { Animate(['img1','img2']); }
...
Рейтинг: 0 / 0
12.07.2008, 15:48:03
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35426810
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
дочитала про "заранее известно, что будет 3 блока" :-). Последний вариант как раз делает примерно то, что Вы описали.
...
Рейтинг: 0 / 0
12.07.2008, 15:53:30
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35457263
p4sh0k
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
p4sh0k
Гость
спасибо огромное))
пригодилось
...
Рейтинг: 0 / 0
29.07.2008, 11:32:10
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #35953753
galileopro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
galileopro
Гость
Ребята, я в JavaScript далеко не профи:)Никак не пойму
Это работает
var pictureName = new Array("scrin1.jpg", "scrin2.jpg", "scrin3.jpg", "scrin4.jpg");
var im=document.createElement('img');
im.src=pictureName[i];
document.body.appendChild(im);
im.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"
А это - нет:
var pictureName = new Array("scrin1.jpg", "scrin2.jpg", "scrin3.jpg", "scrin4.jpg");
var im=document.createElement('img');
var clarity=50;
im.src=pictureName[i];
document.body.appendChild(im);
im.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=clarity)"
Если кто-то знает, как переделать код, чтобы работало с var clarity="Значение" Напишите
...
Рейтинг: 0 / 0
25.04.2009, 09:33:24
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36196553
arbin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
arbin
Гость
Всем привет.
Illion, я плохо понимаю в css, пожалуйста, подскажите, как можно реализовать с помощью Вашей функции несколько модулей смены картинок на одной странице, например, в ячейках таблицы?

В первой ячейке таблицы размещаю первый блок картинок:

<div class="background" style="position: relative; width: 170px; height: 100px;">
<style>
.pic1 {position:absolute;top:0;bottom:0;height:100px;width:170px;margin:auto;opacity:1;filter:alpha(opacity=100);}
.pic2 {position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto;opacity:0;filter:alpha(opacity=0);}
#img1 { position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto; }
#img2 { position:absolute;top:0;bottom:0; height:100px;width:170px;margin:auto; }
</style>

<div id="img1">
<img class="pic2" src="<img class="pic2" src="image001.jpg">
</div>

<div id="img2">
<img class="pic2" src="image001.jpg">
<img class="pic2" src="image002.jpg">
<img class="pic2" src="image003.jpg">
<img class="pic2" src="image004.jpg">
<img class="pic2" src="image005.jpg">
</div>

Второй блок картинок пытаюсь поместить в другую ячейку таблицы, но отображаются они там же, где и первый блок:

Вот второй блок картинок.

<div id="img1">
<img class="pic2" src="<img class="pic2" src="image011.jpg">
</div>

<div id="img2">
<img class="pic2" src="image011.jpg">
<img class="pic2" src="image012.jpg">
<img class="pic2" src="image013.jpg">
<img class="pic2" src="image014.jpg">
<img class="pic2" src="image015.jpg">
</div>

Что нужно указывать в style или где-то еще чтобы разместить на странице сколько угодно независимых блоков смены картинок или функцию нужно доделать?
...
Рейтинг: 0 / 0
15.09.2009, 13:32:03
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36196751
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
а чего у вас везде position:absolute и позиционирование одинаковое? у вас же все дивы на одном и том же месте будут
...
Рейтинг: 0 / 0
15.09.2009, 14:29:28
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36196768
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
аа понял...в общем в стилях вы указываете где у вас будет располагаться тот или иной элемент...так как у вас написано
Код: plaintext
1.
2.
3.
4.
5.
6.
<style>
.pic1 {position:absolute;top: 0 ;bottom: 0 ;height:100px;width:170px;margin:auto;opacity: 1 ;filter:alpha(opacity= 100 );}
.pic2 {position:absolute;top: 0 ;bottom: 0 ; height:100px;width:170px;margin:auto;opacity: 0 ;filter:alpha(opacity= 0 );}
#img1 { position:absolute;top: 0 ;bottom: 0 ; height:100px;width:170px;margin:auto; }
#img2 { position:absolute;top: 0 ;bottom: 0 ; height:100px;width:170px;margin:auto; }
</style>
то соответственно все элементы с такими id и классами будут на одном и том же месте страницы
...
Рейтинг: 0 / 0
15.09.2009, 14:33:11
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36196904
arbin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
arbin
Гость
Такя я помещаю в ячейку таблицы:

<div class="background" style="position: relative; width: 170px; height: 100px;">
А уже на нем располагаю картинки.

Если я пишу
<style>
.pic1 {position:absolute;top:200;bottom:0;height:100px;width:170px;margin:auto;opacity:1;filter:alpha(opacity=100);}
.pic2 {position:absolute;top:200;bottom:0; height:100px;width:170px;margin:auto;opacity:0;filter:alpha(opacity=0);}
#img1 { position:absolute;top:200;bottom:0; height:100px;width:170px;margin:auto; }
#img2 { position:absolute;top:200;bottom:0; height:100px;width:170px;margin:auto; }
</style>
, то появляется просто статическая картинка:

Указанная функция работает для img1, img2
window.onload = function() { Animate(['img1','img2']); }

Как, используя указанную функцию Animate(aDivId) работать с группами картинок в любом месте страницы?
...
Рейтинг: 0 / 0
15.09.2009, 15:05:44
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202550
Elain
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Elain
Участник
Кхе-кхе!!! Товарищи.... а не проще ли организовать данный плагин на JQuery.... И не изобретать велосипед? В нем имеется стандартный функционал для анимации DOM модели.
...
Рейтинг: 0 / 0
17.09.2009, 18:38:45
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202722
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ElainКхе-кхе!!! Товарищи.... а не проще ли организовать данный плагин на JQuery.... И не изобретать велосипед? В нем имеется стандартный функционал для анимации DOM модели.
Давай рабочий примерчик, что-ли? Именно конкретный. Уже достали некоторые другие мемберы, чесн. слово, своим жквери. Я вот не понимаю - а в чём фишка-то?
...
Рейтинг: 0 / 0
17.09.2009, 20:24:26
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202746
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
ShSergeЯ вот не понимаю - а в чём фишка-то?Ты ещё не проникся религией JQuery?
...
Рейтинг: 0 / 0
17.09.2009, 20:36:27
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202779
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный МечShSergeЯ вот не понимаю - а в чём фишка-то?Ты ещё не проникся религией JQuery?
Поюзал, но не проникся. Двигаю тему "Pure Javascript". Это слово я только-что придумал. Идея заключается в том, что у тебя на странице не будет яваскриптового кода, который никогда не выполняется.
Фишка в том, что по мере надобности всегда загрузить чего-то можно . А серьёзно - вот страница, вот конкретно для неё код. Чисто конкретно для страницы. Никаких библиотек и т.д. .
ПС. Слово "аякс" придумал не я. Но, прекрасно помню, что меня материли (уважаемые, кстати люди) за то, что страница может чего-то делать без перезагрузки. Правда, заказчику так больше понравилось. Делал я это много раз и по разному - через невидимые ява-апплеты, ифреймы и креате тэг яваскрипт - и сейчас так делаю. Намучился бороться, но когда фича получила название (AJAX типа) - всё ОК. Думаю то же и сейчас сделать. Пойдёшь в соавторы?
...
Рейтинг: 0 / 0
17.09.2009, 21:04:00
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202789
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
ShSergeПС. Слово "аякс" придумал не я. Но, прекрасно помню, что меня материли (уважаемые, кстати люди) за то, что страница может чего-то делать без перезагрузки. Правда, заказчику так больше понравилось. Делал я это много раз и по разному - через невидимые ява-апплеты, ифреймы и креате тэг яваскрипт - и сейчас так делаю. Намучился бороться, но когда фича получила название (AJAX типа) - всё ОК.Ты один из тех гигантов мысли, которые делали аякс в "доаяксовый период"? Респект!
Но что это были за люди, которые такое не заценили?

ShSergeПойдёшь в соавторы? В соавторы "Pure JS"? Идея, конечно, симпатичная, но новая ли? Есть ли в ней "научная новизна"?
...
Рейтинг: 0 / 0
17.09.2009, 21:14:07
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202833
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный Меч...Идея, конечно, симпатичная, но новая ли? Есть ли в ней "научная новизна"?
Тьфу-ты. Назание надо поменять. Ламеры и тут опередили.
Может тогда Strong Javascript или ещё как? Аббревиатура SJS - не так уж и плохо, типа, моё имя, отчество и фамилия.
ПС. Но с аяксом - да лохонулся таки.
...
Рейтинг: 0 / 0
17.09.2009, 21:57:45
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202854
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
ShSergeЯростный Меч...Идея, конечно, симпатичная, но новая ли? Есть ли в ней "научная новизна"?
Тьфу-ты. Назание надо поменять. Ламеры и тут опередили.
Может тогда Strong Javascript или ещё как? Аббревиатура SJS - не так уж и плохо, типа, моё имя, отчество и фамилия. Как насчет True JavaScript ? Вроде не распространено
...
Рейтинг: 0 / 0
17.09.2009, 22:19:59
| Ответить | Цитировать | Написать  
Плавный переход между картинками - JS
    #36202863
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Яростный Меч,

Годится. Надо место в википедии забивать. Только, я ещё статью не сочинил. Идейка-то только сейчас возникла!
...
Рейтинг: 0 / 0
17.09.2009, 22:33:47
| Ответить | Цитировать | Написать  
25 сообщений из 64, страница 1 из 3
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Плавный переход между картинками - JS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36196904&tid=1453074]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 19ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 192ms
total:  295ms
созд. / загр.: 295ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]