Загрузить SVG, содержащиеся в div, используя Lightbox2

Question

Как я могу отобразить SVG, содержащийся внутри div с помощью Lightbox2? В приведенном ниже примере, я хотел бы, чтобы загрузить SVG, содержащийся внутри DIV с идентификатором testsvg:

<div id="testsvg"> 
    <svg width="400" height="180"> 
    <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"> 
    </svg> 
</div> 

<a href="#testsvg" data-lightbox="image-1" data-title="My caption">Test SVG!</a> 

Answer 1

попробовать этот

body { 
 
    position: relative; 
 
} 
 
#testsvg + a { 
 
    position: absolute; 
 
    top: 43%; 
 
    left: 11%; 
 
}

<div id="testsvg"> 
 
    <svg width="400" height="180"> 
 
    <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5"> 
 
    </svg> 
 
</div> 
 

 
<a href="#testsvg" data-lightbox="image-1" data-title="My caption">Test SVG!</a>