Как открыть JavaScript виджет фотографии в lightbox2?

Question

У меня есть panaramio JavaScript widget, когда я нажимаю на фотографию, которую он открывает на новой вкладке. Как ее открыть в lightbox2?

Это нормально, если вы дадите мне пример кода, чтобы открыть картинку в блогеров по умолчанию.

это мой код

<script src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=en" type="text/javascript"></script> 
<style type="text/css"> 

    #div_attr_ex .panoramio-wapi-images { 
    background-color: transparent; 
    } 
</style> 
<div id="div_attr_ex" style="float: center; margin: 5px 10px;"> 

<div id="photo_widget_id_b"> 
</div> 
<div id="photo_widget_id_c"> 
</div> 
</div> 
<script type="text/javascript"> 
var sand = {'tag':'Saudi Arabia'}; 
    var sandRequest = new panoramio.PhotoRequest(sand); 
    var attr_ex_list_options = { 
    'width': 880, 
    'height': 630, 
    'columns': 4, 
    'rows': 3, 
    'croppedPhotos': false, 
    'disableDefaultEvents': [panoramio.events.EventType.PHOTO_CLICKED], 
    'orientation': panoramio.PhotoListWidgetOptions.Orientation.VERTICAL, 
    'attributionStyle': panoramio.tos.Style.HIDDEN}; 
    var attr_ex_list_widget = new panoramio.PhotoListWidget(
    'photo_widget_id_b', sandRequest, attr_ex_list_options); 

    var attr_ex_attr_options = {'width': 310}; 
    var attr_ex_attr_widget = new panoramio.TermsOfServiceWidget(
    'photo_widget_id_c', attr_ex_attr_options); 

function MaximizeWindow(hWnd){ 
    hWnd.moveTo(0,0); 
    hWnd.resizeTo(screen.width, screen.height); 
} 

    function onListPhotoClicked(event) { 
    var position = event.getPosition(); 
var photo=event.getPhoto(); 

    if(photo){ 
     MaximizeWindow(window.open('http://static.panoramio.com/photos/large/'+photo.getPhotoId()+'.jpg')); 
    } 

} 

panoramio.events.listen(
    attr_ex_list_widget, panoramio.events.EventType.PHOTO_CLICKED, 
    function(e) { onListPhotoClicked(e); }); 

    attr_ex_list_widget.setPosition(0); 
attr_ex_list_widget.enablePreviousArrow(false); 
    attr_ex_list_widget.enableNextArrow(false); 

</script> 

Its demo is here.

Answer 1

меня видеть вашу ссылку и открыть изображения в световом коробе вы должны изменить HREF атрибут тега привязки оберточной изображения. Следуйте инструкциям для jquery lightbox здесь http://leandrovieira.com/projects/jquery/lightbox/ или вы можете выбрать любой из следующих вариантов:
http://plugins.jquery.com/tag/lightbox/
его простой и прямой.