|
|
|
| Подскажите как это сделать на JS или по другому, пожалуйста.
Например на страничке выпадающий список картинок, пользователь выбрал ее и тут же она
отобразилась в теге img, то есть отобразилась в браузере. Блин, видел на одном форуме бесплатном, только забыл :-( | |
|
|
|
|
|
|
|
для: levsha
(24.09.2007 в 18:13)
| |
onClick="document.images['smile'].src=this.src"
| например | |
|
|
|
|
|
|
|
для: bronenos
(24.09.2007 в 23:33)
| | Спасибо, попробую. | |
|
|
|
|
|
|
|
для: bronenos
(24.09.2007 в 23:33)
| | Попробовал так:
<HTML>
<HEAD>
<TITLE>Тест</TITLE>
</HEAD>
<BODY>
<A HREF="index.htm" onClick="document.images['pic'].src='2.gif';">Вот так</A><BR>
<IMG NAME="pic" SRC="1.gif">
</BODY>
</HTML>
Ничего не выходит :-( . Чего не так сделал? | |
|
|
|
|
|
|
|
для: levsha
(24.09.2007 в 18:13)
| | Я бы хотел сделать вот как: слева список select, справа картинка, в selecte выбрал имя, в картинку тут же загрузился файлик.
<FORM>
<SELECT NAME="img_up">
<OPTION onChange="document.images['pic'].src='1.gif' ">1.gif
<OPTION onChange="document.images['pic'].src='2.gif' ">2.gif
</SELECT>
</FROM>
Ничего не получилось :-( | |
|
|
|
|
|
|
|
для: levsha
(25.09.2007 в 14:39)
| |
<img id='img_id' src='1.gif'>
<FORM>
<SELECT NAME="img_up">
<OPTION onChange="document.getElementById('img_id').src='1.gif' ">1.gif</OPTION>
<OPTION onChange="document.getElementById('img_id').src='2.gif' ">2.gif</OPTION>
</SELECT>
</FORM>
|
Вроде так... | |
|
|
|
|
|
|
|
для: wawilon
(25.09.2007 в 17:57)
| | Не срабатывает :-( , но все равно спасибо за ответ!
:-(( | |
|
|
|
|
|
|
|
для: levsha
(25.09.2007 в 19:50)
| | И не сработает, вы хотя бы предварительно загрузите массив необходимых изображений. | |
|
|
|
|
|
|
|
для: sim5
(25.09.2007 в 20:09)
| | Ну а как правильно ? Я вообще JS не знаю, а сделать хочется. | |
|
|
|
|
|
|
|
для: levsha
(25.09.2007 в 22:19)
| | Вам RMW (внизу) уже написал как, там только допущена небольшая ошибка, напишите так:
<select onchange="document.images.pic.src = this.options[this.selectedIndex].value">
|
т.е. в функции не верно указано имя изображения.
Это естественно будет работать только если ваша страница и картинки находятся в одном каталоге. На реальном сайте вам надо учитывать: путь к изображению, а также время загрузки изображения. Поэтому, нужно будет дабавить путь, и если картинки имеет не маленький размер, то предварительно их закешировать, иначе ваши "слайды" превратятся в муку для пользователя, вот только это я и хотел сказать. | |
|
|
|
|
|
|
|
для: sim5
(25.09.2007 в 22:48)
| | кстати, у картинок есть ли onload? | |
|
|
|
|
|
|
|
для: bronenos
(25.09.2007 в 23:07)
| | Есть и активизируется при происхождении одного из трех действии... все более писать хватит, у нас уже 6 утра, остальное сами найдете и прочитаете. :)) | |
|
|
|
|
|
|
|
для: levsha
(25.09.2007 в 22:19)
| | sim5 спасибо за поправку.(Кстати, насчёт одного из трёх действий вы наверно про complete))))
levsha
<html>
<script>
var a = [];
a[0] = new Image();
a[0].onload = function(){alert('1 загрузилась')}
a[0].src = 'http://im2-tub.yandex.net/i?id=33396443&tov=2';
a[1] = new Image();
a[1].onload = function(){alert('2 загрузилась')}
a[1].src = 'http://im7-tub.yandex.net/i?id=36454101&tov=7';
</script>
<img name="pic" src="http://im8-tub.yandex.net/i?id=26944281&tov=8">
<form>
<select onchange="document.images.pic.src = this.options[this.selectedIndex].value">
<option value="http://im8-tub.yandex.net/i?id=26944281&tov=8">1.gif</option>
<option value="http://im2-tub.yandex.net/i?id=33396443&tov=2">2.gif</option>
<option value="http://im7-tub.yandex.net/i?id=36454101&tov=7">3.gif</option>
</select>
</form>
</html>
|
| |
|
|
|
|
|
|
|
для: RMW
(26.09.2007 в 00:16)
| | Придеться писать )) Нет, не complete. onload объекта img активизируется, когда:
1. файл lowsrc-изображения заканчивает загружаться
2. если у изображения отсутсвует lowsrc-копия, а src закончил загрузку
3. при появлении каждого кадра GIF-анимации. | |
|
|
|
|
|
|
|
для: sim5
(26.09.2007 в 00:21)
| | Извините, что не даю спать))) | |
|
|
|
|
|
|
|
для: levsha
(25.09.2007 в 14:39)
| |
<img name="pic" src="1.gif">
<form>
<select onchange="document.images.im.src = this.options[this.selectedIndex].value">
<option value="1.gif">1.gif</option>
<option value="2.gif">2.gif</option>
</select>
</form>
|
| |
|
|
|