Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » ASP, Perl, PHP и MySQL

Изменение определённой картинки в зависимости от нажатой ссылки

Обсуждение темы Изменение определённой картинки в зависимости от нажатой ссылки в разделе ASP, Perl, PHP и MySQL, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Хочу научится хоть чуть-чуть самому мыслить в php. помогите с первой реализацией: есть 6 текстовых ссылок "ссылка1,ссылка2 итп" есть 6 картинок "1.jpg 2.jpg ...


Закрытая тема
 
Опции темы
Старый 19.01.2010, 15:17   #1
Хочу научится хоть чуть-чуть самому мыслить в php. помогите с первой реализацией:
есть 6 текстовых ссылок "ссылка1,ссылка2 итп"
есть 6 картинок "1.jpg 2.jpg итп"
хочу сделать: открылась страница, на ней идет 6 текстовых ссылок, ниже картинка "1.jpg", нажимаешь на "ссылка2" ВМЕСТО картинки 1.jpg появляется 2.jpg
я примерно понимаю что надо прописать переменную, которая при нажатии на "ссылка2" становится равной "2", а картинка "переменная".jpg, помогите!
 
Старый 19.01.2010, 15:17
Ссылки
Старый 19.01.2010, 17:06   #2
Это не PHP, это JavaScript

PHP код:
<script>
    function 
viewImage(img) {
        
document.getElementById('img').src img;
    }
</script>

<a onClick="viewImage('images/1.jpg');" href="#">Картинка 1</a>, <a onClick="viewImage('images/2.jpg');" href="#">Картинка 2</a><BR/><BR/>

<img id="img" src="images/1.jpg" /> 
 
Старый 19.01.2010, 18:34   #3
Спасибо,стало понятнее, но только не работает это
2 ссылки видно, 1ю картинку видно, но при нажатии на "ссылка2" лишь в адресной строке "#" появляется
 
Старый 20.01.2010, 00:01   #4
Цитата:
Сообщение от Mihalich41 Посмотреть сообщение
Спасибо,стало понятнее, но только не работает это
2 ссылки видно, 1ю картинку видно, но при нажатии на "ссылка2" лишь в адресной строке "#" появляется
проверил FF 3.6, IE8, Chrome 3.0, везде работает
 
Старый 27.01.2010, 12:38   #5
Попробуй так:
Код HTML:
<script>
    function viewImage(img) {
        document.getElementById('img').src = img;
    }
</script>

<a onclick="viewImage('images/1.jpg');" href="javascript:viewImage('images/1.jpg')">Картинка 1</a>, <a onclick="viewImage('images/2.jpg');" href="javascript:viewImage('images/2.jpg');">Картинка 2</a><BR/><BR/>

<img id="img" src="images/1.jpg" />  
 
Старый 27.01.2010, 12:38
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
автозаполнение формы в зависимости от варианта ее вызова vitaly-go HTML, CSS, JavaScript 0 18.11.2014 17:39
растягивание div в зависимости от другого div Serial HTML, CSS, JavaScript 3 13.05.2012 04:00
Подгрузка CSS в зависимости от URL volFernion HTML, CSS, JavaScript 6 23.08.2010 06:54
выдача в зависимости от региона Mihalich41 Поисковые системы 1 24.06.2010 08:11
При нажатой клавише Option/Alt Lebedev Растровая графика 2 12.01.2006 19:48


Текущее время: 09:31. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум