壮大なポップアップ - マウスオーバーで開く方法

Question

私は画像のホットポイントのための方法としてマグニシックポップアップの製品ページを使用しています。ホットポイントをクリックすると、ポップアップが現れ、大きな画像とテキストが表示されます。マウスオーバーでポップアップを開くようにリクエストを受けました。

マウスのクリックではなく、mouseoverでMagnificent Popupを起動する方法はありますか？ 最初にリンク上でmouseoverイベントを呼び出そうとしていましたが、ポップアップにはまだクリックが必要です。どのように私はそれを作るので、マウスオーバーで開くだけですか？

<!-- Popup link --> 
<a href="#test-popup" class="open-popup-link">Show inline popup</a> 

<!-- Popup itself --> 
<div id="test-popup" class="white-popup mfp-hide"> 
    Popup content 
</div> 

Javascriptを：

$('.open-popup-link').mouseover(function(){ 
    $(this).magnificPopup({ 
    type: 'inline' 
    }); 
}); 

Answer 1

自分の質問に答えます。もう少し研究を重ねた結果、APIを介して直接ポップアップを開く必要があることがわかりました。それが動作するようになりました：

$('.open-popup-link').mouseover(function(){ 
    $.magnificPopup.open({ 
    items: { 
    src: '.white-popup' // can be a HTML string, jQuery object, or CSS selector 
    } 
    }) 
}); 

の作業例：https://codepen.io/pen/ZKrVNK

がイベントの委任を使用して、ギャラリーの別のスライドを開くと、複数のリンクと、さらにそれを取る： http://codepen.io/pen/EmEOMa