Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать из картинок ссылки - JavaScript / 11 сообщений из 11, страница 1 из 1
06.03.2010, 11:00:26
    #36506102
Darooma
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
Нужен сценарий 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
06.03.2010, 11:14:44
    #36506114
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
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
07.03.2010, 23:03:33
    #36507171
Darooma
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
an0nym,
спасибо, попробую.
...
Рейтинг: 0 / 0
19.03.2010, 17:44:42
    #36531661
Darooma
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
А что если внутри <div id=entry></div> будет <p></p>. У меня как раз такой случай и тогда не работает.
...
Рейтинг: 0 / 0
23.03.2010, 20:23:12
    #36538133
Darooma
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
up
...
Рейтинг: 0 / 0
23.03.2010, 21:02:22
    #36538186
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сделать из картинок ссылки - JavaScript
Darooma,

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

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

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

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


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