powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать из картинок ссылки - JavaScript
11 сообщений из 11, страница 1 из 1
Сделать из картинок ссылки - JavaScript
    #36506102
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Нужен сценарий JavaScript, который в определенном div'e делает из всех картинок ссылки. Например, до:
Код: plaintext
1.
2.
3.
4.
 <div class="entry">
    <img src="about1.JPG" alt="alttext" style="float: left;
          margin-right: 4px; width: 50%; height: 50%" />
</div>
после
Код: plaintext
1.
2.
3.
4.
5.
<div class="entry">
<a href = "about1.JPG">    
<img src="about1.JPG" alt="alttext" style="float: left;
          margin-right: 4px; width: 50%; height: 50%" />
</a>
</div>
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36506114
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Darooma,

Код: 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.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title></title>
	<script type="text/javascript">
		var wrapImages = function(container) {
			if (typeof container == 'string') {
				container = document.getElementById(container);
			}
			var imgs = container.getElementsByTagName('img');
			for (var i =  0 , n = imgs.length, img, a; i < n; ++i) {
				img = imgs[i];
				if (img.src) {
					a = document.createElement('a');
					a.href = img.src;
					container.insertBefore(a, img);
					a.appendChild(img);
				}
			}
		};
	</script>
</head>
<body>
	<span id="test" onclick="wrapImages('entry')" style="color: blue; cursor: pointer; text-decoration: underline;">
		test
	</span>
	<div id="entry">
		<img src="about1.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about2.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about3.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about4.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about5.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about6.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about7.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
	</div>
	<div id="anotherentry">
		<img src="about1.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about2.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about3.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about4.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about5.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about6.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
		<img src="about7.JPG" alt="alttext" style="float: left; margin-right: 4px; width: 50%; height: 50%"/>
	</div>
</body>
</html>
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36507171
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
an0nym,
спасибо, попробую.
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36531661
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А что если внутри <div id=entry></div> будет <p></p>. У меня как раз такой случай и тогда не работает.
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36538133
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
up
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36538186
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Darooma,

Голову включай или плати деньги за готовое решение.
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36541082
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSergeDarooma,

Голову включай или плати деньги за готовое решение.
ха-ха
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36541101
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Darooma,

Что помогло голова или деньги?
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36549393
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSerge, другой форум помог.
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36549477
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
DaroomaShSerge, другой форум помог.
Жаль, что не голова... . ;)))
...
Рейтинг: 0 / 0
Сделать из картинок ссылки - JavaScript
    #36550107
Darooma
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSerge,

голова выбрала другой форум
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать из картинок ссылки - JavaScript
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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