Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: JavaScript и несколько картинок

Сообщения:  [1-6] 

 
 автор: cccp   (20.10.2005 в 22:56)   письмо автору
 
   для: cccp   (20.10.2005 в 14:56)
 

Классно!
Огромное спасибо!!!
Всё работает как надо!
Такая маленькая штучка, а я её не мог сделать уже как несколько месяцев.
Спасибо ещё раз!

   
 
 автор: cccp   (20.10.2005 в 14:56)   письмо автору
 
   для: 12345   (20.10.2005 в 13:58)
 

OK, spasibo!
Ya poprobuju i skazu polucilos' li ili net.
;)

   
 
 автор: 12345   (20.10.2005 в 13:58)   письмо автору
 
   для: cccp   (20.10.2005 в 10:21)
 

А, в этом смысле несколько картинок. А то было понято не так.
Здесь, чтобы не множить параметры у html, я бы посоветовал написать по-другому. Передавать имя картинки по клику, что удобнее, если onClick на ней.
Вообще, лучше обойтись без онкликов, зачем засорять код. Есть свойство события event.srcElement .

<style>img{cursor:hand}</style>
<img src="img-2.gif" alt="+ d'info" n=0><br>
<img src="img-2.gif" alt="+ d'info" n=0><br>
<img src="img-2.gif" alt="+ d'info" n=0>

<script>d=document;tImg = [new Image(),new Image()];
tImg[0].src='img-2.gif';
tImg[1].src='img.gif';
d.onclick=function(){if((img=event.srcElement).tagName!='IMG')return;
 img.src=tImg[img.n=1-img.n].src;}
</script>
А если существуют другие картинки, то фильтровать их для реакции по имени класса.

   
 
 автор: cccp   (20.10.2005 в 10:21)   письмо автору
 
   для: 12345   (19.10.2005 в 11:14)
 

Спасибо за ответ.

А как делать дальше?
Надо ли что бы все картинки имели одно и тоже название? или разные?

Типа:


<a href="javascript:change()"><img name="image1" src="images/p.gif" border=0 alt="+ d'info"></a>

<a href="javascript:change()"><img name="image2" src="images/p.gif" border=0 alt="+ d'info"></a>

<a href="javascript:change()"><img name="image3" src="images/p.gif" border=0 alt="+ d'info"></a>

   
 
 автор: 12345   (19.10.2005 в 11:14)   письмо автору
 
   для: cccp   (18.10.2005 в 20:54)
 

window.document.image.src -> document.all.image.src

   
 
 автор: cccp   (18.10.2005 в 20:54)   письмо автору
 
 

Привет всем!

Слушайте ребята...

Не могу сделать так что бы использовать этот скрипт на несколько картинок.
Подскажите, please...


<script langage="JavaScript1.2">
var tab_image = new Array(2);
for (var i=0; i< tab_image.length;i++)
tab_image[i]= new Image();
tab_image[0].src='images/p.gif';
tab_image[1].src='images/m.gif';

var n=0;

function change() {
n= ++n;
if (n == tab_image.length) n=0;
window.document.image.src=tab_image[n].src;
}
</script>




<a href="javascript:change()"><img name="image" src="images/p.gif" border=0 alt="+ d'info"></a>


зарание благодарен!

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования