Открытие Shadowbox из функции JavaScript - PullRequest
0 голосов
/ 04 июля 2011

Я пытаюсь открыть Shadowbox из события onclick переключателя на веб-форме asp.net, но безуспешно.Первоначально я открывал его с помощью нажатия кнопки, который работал нормально, но теперь нужно убедиться, что это происходит, когда выбран переключатель.Затем я попытался нажать кнопку в javascript (button.click ()), но это работало только в IE и более новых версиях firefox.Поэтому я решил использовать Shadowbox.open, но это вызывает некоторые проблемы.Вот мой код:

if (yes.checked == true)
    {            
        var url = 'http://localhost:52963/items.aspx';
        Shadowbox.open( { content:    url, 
                        type:        "iframe", 
                        title:         "sbTitle ", 
                        options:   {   initialHeight:350, 
                                        initialWidth:450, 
                                        loadingImage:"loading.gif", 
                                        handleUnsupported:  'link' 
                                    } 
                     }); 
    }

Это просто вызывает оверлей, но не открывает внутри него веб-страницу.Кто-нибудь знает, где я иду не так?

Ответы [ 2 ]

2 голосов
/ 05 июля 2011

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

Shadowbox.open( { content:    url, 
                    type:        "iframe", 
                    player:      "iframe",
                    title:         "sbTitle ", 
                    options:   {   initialHeight:350, 
                                    initialWidth:450, 
                                    loadingImage:"loading.gif", 
                                    handleUnsupported:  'link' 
                                } 
                 }); 
1 голос
/ 29 ноября 2011

У меня было много проблем с этим, я пытался запустить click, используя .trigger ('click') из jquery, но это не сработало в chrome (работало в firefox)

Оказывается, ответ довольнопростой, похожий на электронный ответ, но набранный вниз.

Ваши изображения находятся в обычной галерее теней

<div class="gallery">
  <a  href="/img1.jpg" rel="shadowbox[gallery1]" >
    <img id="Image0" src="/img1.jpg" />
  </a>
  <a  href="/img2.jpg" rel="shadowbox[gallery1]" >
    <img id="Image1" src="/img2.jpg" />
  </a>
</div>

Тогда ваша кликабельная ссылка

<a href="#" class="galleryLauncher" gallery="gallery1">Click to view all images</a>

Iподключил кликабельную ссылку через jquery в документе. уже звонил

$('.galleryLauncher').click(function () {

 //gallery to launch
    var id = $(this).attr('gallery');

 //get the first item out of the cache
    var content = Shadowbox.cache[1].content;

 //default options object
    var options = {}; 

 //now we can open it
    Shadowbox.open({
        content: content,
        player: "img",
        gallery: id,
        options: options
    });

    return false;
});
...