highslide из iframe
 

Доброго дня!

у меня на странице 1 есть iframe, внутри него переходим на страницу 2, с нее на страницу 3. на странице 3 есть highslide, но он открывается относительно iframe'а и не может выходить за его границы, а мне нужно чтобы картинка всплывала относительно страницы 1.

подскажите пожалуйста как решить проблему?

вот отсюда он открывается:
<area shape="rect" coords="232,287,438,445" href="billiards2.jpg" onclick="return hs.expand(this)" title="Бильярд" alt="Бильярд" onmouseover='changeImage2()' onmouseout='changeImage1()'/>

IggyTot,
вроде содержимое iframe не может вылезти за его область;)

IggyTot,
Ccылку на демо страницу

Deff,
у меня локальном. куда кинуть?

IggyTot,
на ucoz или http://learn.javascript.ru/play

вот тут
http://files.mail.ru/HMNGNA

IggyTot,
Чот не пойму как во фрейме на третью стр. перейти и что за картинка ....? - сделайте скриншот при запуске на третьей странице фрейма из Выложенной Вами на мейл.ру папки
Скрин можно залить сюда => http://uploads.ru/

на картинки не обращай внимания, это на скорую руку сделано.

кликаешь на левое здание, затем на 1ый этаж здания, там на бильярдную и откроется highslide

IggyTot,
Фенька такая :
highslide не может отследить события во фрейме - проверил - * переделывать highslide - вряд ли кто возьмётся...
(*Собственно функции changeImageXX() - вытащить на главную - не сложно - но highslide не отслеживает клики на фрейме

<script language='javascript'>
function FF(){
			var img = new Image();
			img.src = 'images/1/map1-1.jpg';
			var img = new Image();
			img.src = 'images/1/map1-2.jpg';
alert(img.src)
			var Zz = document.getElementsByName('forumframe')[0].contentWindow;


			function changeImage1() {
				Zz.src = 'images/1/map1-1.jpg';
			}

			function changeImage2() {
				Zz.document.getElementById('img1').src = 'images/1/map1.jpg';
			}
			function changeImage3() {
				Zz.document.getElementById('img1').src = 'images/1/map1-2.jpg';
			}
}
		</script>

		<div id="content">
			<iframe id="forumframe" name="forumframe" src="index2.html" width="100%" height="800" scrolling="no" style="overflow:visible; display:block;" onload="FF()">
				
			</iframe>

Правильный способ - заменить фрейм - подгрузкой Аяксом в div блок,
переходы по ссылкам(их не много делать вызовом переподгрузки - достаточно просто)

(Хотя, как то видел решение через jQuery tooltip ему можно дать указания на главной ловить события во фрейме

огромное тебе спасибо, что помогаешь, на других форумах все молчат)

с тултипом не знаком(
тогда лучше всего будет сделать на аяксе?
если можно ссылочку на что-нибудь подобное в аяксе. я просто еще ни разу не использовал аякс, но буду рад знакомству)