Сделать из картинок ссылки - JavaScript / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / 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

06.03.2010, 11:00:26

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36506114

an0nym

Участник

Сообщения: 6 235

Рейтинг: 0 / 0

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

06.03.2010, 11:14:44

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36507171

Darooma

Гость

an0nym,
спасибо, попробую.

...

Рейтинг:

0 / 0

07.03.2010, 23:03:33

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36531661

Darooma

Гость

А что если внутри <div id=entry></div> будет <p></p>. У меня как раз такой случай и тогда не работает.

...

Рейтинг:

0 / 0

19.03.2010, 17:44:42

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36538133

Darooma

Гость

...

Рейтинг:

0 / 0

23.03.2010, 20:23:12

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36538186

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Darooma,

Голову включай или плати деньги за готовое решение.

...

Рейтинг:

0 / 0

23.03.2010, 21:02:22

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36541082

Darooma

Гость

ShSergeDarooma,

Голову включай или плати деньги за готовое решение.
ха-ха

...

Рейтинг:

0 / 0

24.03.2010, 23:41:09

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36541101

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

Darooma,

Что помогло голова или деньги?

...

Рейтинг:

0 / 0

25.03.2010, 00:04:38

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36549393

Darooma

Гость

ShSerge, другой форум помог.

...

Рейтинг:

0 / 0

29.03.2010, 23:47:32

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36549477

ShSerge

Участник

Откуда: ʚонɔ dиw

Сообщения: 24 440

Рейтинг: 0 / 0

DaroomaShSerge, другой форум помог.
Жаль, что не голова... . ;)))

...

Рейтинг:

0 / 0

30.03.2010, 00:59:01

| Ответить | Цитировать | Написать

Сделать из картинок ссылки - JavaScript

#36550107

Darooma

Гость

ShSerge,

голова выбрала другой форум

...

Рейтинг:

0 / 0

30.03.2010, 11:54:18

| Ответить | Цитировать | Написать

11 сообщений из 11, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сделать из картинок ссылки - JavaScript

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=36541101&tid=1453309]:	0ms
get settings:	5ms
get forum list:	11ms
check forum access:	2ms
check topic access:	2ms
track hit:	437ms
get topic data:	10ms
get forum data:	3ms
get page messages:	36ms
get tp. blocked users:	2ms
others:	185ms

total:	693ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы