hs.htmlExpand對圖像的打開彈出點擊

我想，當打開彈出式上圖像的用戶點擊，內容將URL中的iframe變化（沒有關閉/打開，但交叉漸變）hs.htmlExpand對圖像的打開彈出點擊

我有一個hs.transitions = ['expand'，'crossfade']的畫廊。

下一步的構建將關閉舊的彈出窗口並打開新的窗口（並打破幻燈片），但我想要相同的效果（交叉淡入淡出），就像用戶點擊下一張圖片。

hs.allowMultipleInstances = false; 
hs.Expander.prototype.onImageClick = function() 
{ 
    return hs.htmlExpand(null, { objectType: 'iframe', src: 'url' }); 
};

如何製作？

樣本 - http://jsfiddle.net/xCnfE/4/

來源

2013-04-17 Jack

你不能從圖像到HTML彈出交叉衰減如果HTML彈出是不是畫廊的一部分。相反，您可以使用jQuery創建一個覆蓋圖像的常規iframe，並僅在單擊圖像時顯示此iframe（onImageClick）。請參閱http://jsfiddle.net/roadrash/B7sDG/

hs.Expander.prototype.onImageClick = function (sender) { 
    $('<iframe src="'+this.custom.url+'" frameborder="0"></iframe>').css({ 
     position: 'absolute', 
     top: '0', 
     height: '100%', 
     width: '100%', 
     background: '#fff', 
     zIndex: 20 
    }).appendTo(sender.wrapper); 
    return false; 
};

的url傳遞給在onclick使用hs.custom的iframe src：

<a href="large-image.jpg" class="highslide" onclick="return hs.expand(this, galleryOptions, {url: 'http://highslide.com/'})"> 
    <img src="thumbnail.jpg" alt="Caption Text" /> 
</a>

來源

2013-04-27 13:12:03 RoadRash

hs.htmlExpand對圖像的打開彈出點擊

回答

相關問題