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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Смена картинки без перезагрузки
 
 автор: Незнакомец   (25.07.2006 в 00:45)
 
 

С названием темы как обычно, беда... :)
А вопрос следующий:
В странице имеется код:

<img src=\"image-1.jpg\">

Так же имеются ссылки

Ссылка 1, 2, 3 и т.д.

Нужно сделать так, чтобы при нажатии на ссылку 2 код менялся на

<img src=\"image-2.jpg\">

на ссылку 3

<img src=\"image-3.jpg\">

и т.д.
Сделать это надо при помощи JS (т.е. чтоб смена картинки происходила без перезагрузки страницы).
Спасибо за ответы.

   
 
 автор: 12345   (25.07.2006 в 01:10)   письмо автору
 
   для: Незнакомец   (25.07.2006 в 00:45)
 

Так.
http://javascript.aho.ru/example/JsPrimeryCode-67.htm
Варианты с предзагрузкой и без.

   
 
 автор: coloboc66   (25.07.2006 в 01:35)   письмо автору
 
   для: 12345   (25.07.2006 в 01:10)
 

Да полно в сети готовых скриптов на эту тему и на другие темы. woweb.ru, например...

   
 
 автор: Незнакомец   (25.07.2006 в 09:15)
 
   для: 12345   (25.07.2006 в 01:10)
 

За ссылку конечно спасибо, но не зная JS я наврятли что-нибудь смогу сделать...
Но попробую.. :)

   
 
 автор: Незнакомец   (25.07.2006 в 09:32)
 
   для: Незнакомец   (25.07.2006 в 09:15)
 

Ура, всё получилось. За ссылку спасибо!!

   
 
 автор: Незнакомец   (28.07.2006 в 05:58)
 
   для: Незнакомец   (25.07.2006 в 00:45)
 

Появился вопросик.. :)
[CODE]
<a href="#" onclick=loadPict("folder1",1);return!1>Ссылка 1</a><br>
<a href="#" onclick=loadPict("folder2",2);return!1>Ссылка 2</a><br>
<input id = "s1" type="hidden" value="image1.jpg">
<input id = "s2" type="hidden" value="image2.jpg">
<img id="image_1">
<img id="image_2">
<script>
function loadPict(i,s){
document.all.image_1.src=i + '/' + document.all.s1.value;
}
</script>
[/CODE]
Переменная "i" = папка до изображения
Переменная "s" = порядковый номер в списке (т.е. имеется image1, image2,image3 и т.д.)
Нужно вместо "image1" сделать "image_значение переменной s"
Как такое осуществить ? Уже всё что в голову пришло перепробовал, ничего не помогает..
Заранее спасибо.

   
 
 автор: Незнакомец   (29.07.2006 в 06:14)
 
   для: Незнакомец   (28.07.2006 в 05:58)
 

Помогите пожалуйста.. Как такое осуществить ??

   
 
 автор: CrazyAngel   (29.07.2006 в 06:59)   письмо автору
 
   для: Незнакомец   (29.07.2006 в 06:14)
 

Очень не нравиться что вы делаете браузерозависимый код, вы делаете только для IE (all)

Объясните понятливие что вам нужно, а то я не понял =(

   
 
 автор: Незнакомец   (29.07.2006 в 13:54)
 
   для: CrazyAngel   (29.07.2006 в 06:59)
 

Есть
Картинка 1
Картинка 2
Картинка 3
и т.д.
Есть разные папки
folder 1
folder 2
folder 3
и т.д.
Нужно сделать так чтобы при нажатии на ссылку
<a href="#" onclick=loadPict("folder1",1);return!1>Ссылка 1</a><br>

У картинки 1 менялся путь до папки на (имя файла должно остаться прежним)
folder 1/image1.jpg

При нажатии на
<a href="#" onclick=loadPict("folder2",1);return!1>Ссылка 1</a><br>

Путь становился
folder2/image1.jpg

т.е.
1 параметр (i) = Это папка (folder1 и т.д.)
2 параметр (s) = Это имя изображения (image1.jpg и т.д.)
Помойму подробно описал... Уж более подробно не могу....

   
Rambler's Top100
вверх

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