Клуб API Карт

Передача параметров FancyBox в балун

Пост в архиве.
Smolensk.1812-2012
3 сентября 2012, 13:07

Здравствуйте!
Научите пожалуйста, как передать ссылке внутри балуна стиль сплывающего окошка с картинкой. Непонятные места выделил жирным.

В представленом варианте картинка всплывает в окне FancyBox в каком-то стиле по умолчанию, а не в том которое пытаюсь передать через id='example6'.

Фрагменты кода:

 

<script type="text/javascript">
$(document).ready(function() {
/*
*   Examples - images
*/
$("a#example6").fancybox({
'titlePosition': 'outside',
'overlayColor': '#000',
'overlayOpacity': 0.9
});
});
var styleRussia = new YMaps.Style(styleFrance);
styleRussia.polygonStyle = new YMaps.PolygonStyle(styleFrance);
styleRussia.polygonStyle.strokeColor = "336633ff";
styleRussia.polygonStyle.fillColor = "336633cc";
styleRussia.balloonContentStyle = new YMaps.BalloonContentStyle(new YMaps.Template(
  "<h3><span style=\"color:green\">$[name|объект]</span></h3>\
   <table>\
     <tr>\
       <td><img src=\"portraits/$[photo]\" class=\"leftimg\"></td><td><p>$[description]</p></td>\
     </tr>\
   </table>\
   <h3><a href=\"$[link]\">$[person]</a></h3>"));
styleRussia.lineStyle = new YMaps.LineStyle(styleFrance);
styleRussia.lineStyle.strokeColor = "336633cc";
YMaps.Styles.add("style#ExampleRussia", styleRussia);
var polygon2036 = new YMaps.Polygon([
   new YMaps.GeoPoint(32.051952,54.772597),
   new YMaps.GeoPoint(32.052749,54.772424),
   new YMaps.GeoPoint(32.053071,54.772851),
   new YMaps.GeoPoint(32.052274,54.773023)
], {
    style: styleRussia,
    hasHint: 1,
    hasBalloon: 1
});
polygon2036.name = "7-я пехотная дивизия";
polygon2036.description = "6-го пехотного корпуса<br>генерала от инфантерии Д. С. Дохтурова<ul>\
  <li>Псковский пехотный полк</li><li>Московский пехотный полк</li>\
  <li>Либавский пехотный полк</li><li>Софийский пехотный полк</li>\
  <li><a href='11_eg.jpg' id='example6' title='11-й егерский полк' onclick='$.fancybox(this); return false;' >11-й егерский полк</a></li><li>36-й егерский полк</li>\
</ul>";
polygon2036.photo = "kaptsevich.jpg";
polygon2036.person = "генерал-лейтенант П.М.Капцевич";
map.addOverlay(polygon2036);
</script>
6 комментариев
Я ничего не понял.

Подключил FancyBox.

Задал шаблон содержимого балуна.

Создал полигон с этим стилем балуна.

В балуне в description имеется текстовая ссылка, по которой с помощью FancyBox должна всплывать фотка. Она всплывает, но оформлена каким-то стилем по умолчанию, а мне нужен id='example6' 

По вашему сообщению понять это было, кхм, нетривиально.
Просто оберните description в тэг с id="example6"

Простите новичка, теперь я не понял как это сделать. 

Сообразил!!! Спасибо!

После "доллара" в скобках пишу #example6

11-й егерский полк

Рано обрадовался. (((

Не работает. Точнее срабатывает один раз в заранее открытом балуне.

polygon2036.openBalloon();