Двухдневная головная бодь из-за jQuery

Ty3uK · January 9, 2012

Доброго всем времени суток. Буду очень признателен, если кто-нибудь сможет мне помочь. Являюсь дизайнером на сайте, решил прикрутить галерею картинок (за основу взял плагин fancybox). Проблема состоит в следующем – мне нужно написать скрипт замены ббкода [gimg][/gimg] на хтмл’ный вариант. И все бы хорошо, да вот незадача – при выборке элементов через фильтр$('img[id=gimg]').attr('src') берется путь к файлу только первой картинки. И далее подставляется во все картинки. Итог – превью разные, а изображения в галерее одинаковые. Ниже привожу полный код страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.packed.js"></script>
		<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	</head>

	<body>
		<div id="message">
			[gimg]./images/img01.jpg[/gimg]
			[gimg]./images/img02.jpg[/gimg]
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#message').html($('#message').html().replace(/\[gimg]/g, '<img id="gimg" width="320" height="240" src="').replace(/\[\/gimg]/g, '" />'));
				$('img[id=gimg]').wrap('<a rel="gimg" href="'+$('img[id=gimg]').attr('src')+'"></a>');
				$('a[rel=gimg]').fancybox();
			});
		</script>
	</body>
</html>

Пример работы, центрируем внимание на низ кода - в начале сам Fancybox

Заранее спасибо за помощь

Edited January 9, 2012 by Ty3uK

Veseloff · January 9, 2012

1. Это что за адъ такой в коде — eval какой-то.

2. Один элемент — один id. У нескольких элементов не может быть одинаковый id.

Ty3uK · January 9, 2012

eval - запакованный Fancybox. Насчет ид - даже при такой выборке:

$('a[rel=gimg]').attr('href', $('a[rel=gimg]').children().attr('src')))

берется соурс только первой картинки. Я за два дня вроде как понял, что

$('a[rel=gimg]')

возвращает массив, но взять из него значения у меня не получается

Edited January 9, 2012 by Ty3uK

mishka · January 9, 2012

Можете стукнуть в аську -- помогу.

nerv · January 9, 2012

Вот здесь, здесь и здесь я меняю [vba]код[/vba] на html код для оформления vba кода Скрипт не оптимизирован и в данный момент находится в разработке, плюс "особенности" ucoz, но смысл, думаю, ясен.

Edited January 9, 2012 by nerv

Ty3uK · January 9, 2012

Большое спасибо Мишке, он помог. И конечно спасибо всем, кто писал. Тему можно закрыть.

Sign In

Двухдневная головная бодь из-за jQuery

Question

Ty3uK

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

Ty3uK

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

nerv

Link to comment

Share on other sites

Ty3uK

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information