How to get lightboxes work with SVG? the "rel=" code is beeing discard!

"[email protected] [svg-developers]" <[email protected]> 18 Feb 2016 01:13:50 -0800
Newsgroups gmane.text.xml.svg.devel
Message-ID <[email protected]>
--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Transfer-Encoding: base64
Content-Type: text/plain; charset="UTF-8"

SGVsbG8hDQoNCkkgYmVlbiB0cnlpbmcgdGhpcyBmb3IgYSBjb3VwbGUgb2YgaG91cnMgdG8gaGF2
ZSBvbiBhIFNWRyBpbWFnZSBsaW5rcyB0byBvcGVuIGluIGEgbGlnaHRib3ghDQoNCkFuZCBpIGNh
bnQgZmluZCBhbnkgaW5mb3JtYXRpb24gaG93IHRvIGNvbnZlcnQgdGhlICJyZWw9IiBhbGwgbGln
aHRib3hlcyB1c2UgdG8gaW4gdGhlIGxpbmsgaW50byBTVkcgZm9ybWF0IS4uDQoNCkkgdHJpZWQg
bWFueSB2YXJpYXRpb25zIS4uIA0KDQpUaGlzIGlzIGluIHRoZSBodG1sIS4uIG9mIGNvdXJzZSBp
dCBpdCBhbHNvIGluY2x1ZGVzIGFsbCB0aGUgSFRNTCBhbmQgU1ZHIG1ldGEgZGF0YSENCiA8YSB4
bGluazpocmVmPSJpbWFnZXMvZnVsbHNjcmVlbi8yLmpwZyIgeGxpbms6cmVsPSJwcmV0dHlQaG90
byI+DQoNCjxwYXRoIGlkPSJzYW1hbWJhaWEtbGl2ZWFib2FyZC1zcGVlZGJvYXQtdGVuZGVyIiBj
bGFzcz0ic3QyNyIgZD0iTTExNC44LDEzNC4yYy0wLjMtMC4yLTQuMy0zLTIuNi00YzEuMy0wLjgs
My40LDIuMywzLjQsMi4zDQoJCQlzMS42LTUsMy41LTMuOGMyLjIsMS40LTEuNSw0LjItMS41LDQu
MnM0LjIsMCw2LjIsMGMyLDAsMi45LTMuMiwzLjItMy41YzAuMy0wLjMsMC44LTAuNSwxLjItMC41
YzAuMSwwLDEsMC4xLDIsMC4ydi00DQoJCQljMCwwLDY1LDAsODUuMywwYzIwLjMsMCwzMC4yLDE1
LjgsMzAuMiwxNS44cy05LjksMTUuOC0zMC4yLDE1LjhjLTIwLjMsMC04NS4zLDAtODUuMywwdi00
LjNjLTEuMSwwLjEtMS45LDAuMi0yLDAuMg0KCQkJYy0wLjQsMC0wLjktMC4yLTEuMi0wLjVzLTEu
Mi0zLjUtMy4yLTMuNWMtMiwwLTYuMiwwLTYuMiwwczMuNywyLjgsMS41LDQuMmMtMS45LDEuMi0z
LjUtMy44LTMuNS0zLjhzLTIsMy0zLjQsMi4zDQoJCQljLTEuNy0xLDIuMy0zLjgsMi42LTMuOWMt
MC4zLTAuMi00LjMtMy0yLjYtNGMxLjMtMC44LDMuNCwyLjMsMy40LDIuM3MxLjYtNSwzLjUtMy44
YzIuMiwxLjQtMS41LDQuMi0xLjUsNC4yczQuMiwwLDYuMiwwDQoJCQljMiwwLDIuOS0zLjIsMy4y
LTMuNWMwLjMtMC4zLDAuOC0wLjUsMS4yLTAuNWMwLjEsMCwxLDAuMSwyLDAuMnYtMi42Yy0xLjEs
MC4xLTEuOSwwLjItMiwwLjJjLTAuNCwwLTAuOS0wLjItMS4yLTAuNQ0KCQkJYy0wLjMtMC4zLTEu
Mi0zLjUtMy4yLTMuNWMtMiwwLTYuMiwwLTYuMiwwczMuNywyLjgsMS41LDQuMmMtMS45LDEuMi0z
LjUtMy44LTMuNS0zLjhzLTIsMy0zLjQsMi4zDQoJCQlDMTEwLjUsMTM3LjIsMTE0LjYsMTM0LjQs
MTE0LjgsMTM0LjJ6Ii8+DQo8L2E+DQoNCjwvZz4NCg0KU28gaXRzIG9wZW5zIHRoZSBwaWN0dXJl
IGluIHRoZSBzYW1lIHRhYiwgYnV0IG5vdCBpbiB0aGUgUHJldHR5UGhvdG8hLi4NCmh0dHA6Ly93
d3cubm8tbWFyZ2luLWZvci1lcnJvcnMuY29tL3Byb2plY3RzL3ByZXR0eXBob3RvLWpxdWVyeS1s
aWdodGJveC1jbG9uZS8gaHR0cDovL3d3dy5uby1tYXJnaW4tZm9yLWVycm9ycy5jb20vcHJvamVj
dHMvcHJldHR5cGhvdG8tanF1ZXJ5LWxpZ2h0Ym94LWNsb25lLyANCg0KIEl0cyBub3QganVzdCBw
cmV0dHlQaG90byBpIHRyaWVkIGFsc28gb3RoZXIgbGlnaHRib3hlcyEuLg0KDQoNCkFueSBoZWxw
IHdvdWxkIGJlIG5pY2UhLi4gVGhhbmtz


--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: 7bit





<head>

<style type="text/css">
<!--

/* start of attachment style */
       .ygrp-photo-title{
         clear: both;
         font-size: smaller;
         height: 15px;
         overflow: hidden;
         text-align: center;
         width: 75px;
       }
       div.ygrp-photo{
         background-position: center;
         background-repeat: no-repeat;
         background-color: white;
         border: 1px solid black;
         height: 62px;
         width: 62px;
       }

       div.photo-title 
         a,
         div.photo-title a:active,
         div.photo-title a:hover,
         div.photo-title a:visited {
           text-decoration: none; 
       }

       div.attach-table div.attach-row {
         clear: both;
       }

       div.attach-table div.attach-row div {
         float: left;
         /* margin: 2px;*/
       }

       p {
         clear: both;
         padding: 15px 0 3px 0;
	 overflow: hidden;
       }

       div.ygrp-file {
         width: 30px;
         valign: middle;
       }
       div.attach-table div.attach-row div div a {
         text-decoration: none;
       }

       div.attach-table div.attach-row div div span {
         font-weight: normal;
       }

       div.ygrp-file-title {
         font-weight: bold;
       }
 /* end of attachment style */
        -->
        </style>
        </head>
<html>
<head>
<style type="text/css">
<!--
#ygrp-mkp {
  border: 1px solid #d8d8d8;
  font-family: Arial;
  margin: 10px 0;
  padding: 0 10px;
}

#ygrp-mkp hr {
  border: 1px solid #d8d8d8;
}

#ygrp-mkp #hd {
  color: #628c2a;
  font-size: 85%;
  font-weight: 700;
  line-height: 122%;
  margin: 10px 0;
}

#ygrp-mkp #ads {
  margin-bottom: 10px;
}

#ygrp-mkp .ad {
  padding: 0 0;
}

#ygrp-mkp .ad p {
  margin: 0;
}

#ygrp-mkp .ad a {
  color: #0000ff;
  text-decoration: none;
}
-->
</style>
</head>
<body>



<!-- |**|begin egp html banner|**| -->

<br><br>

<!-- |**|end egp html banner|**| -->


Hello!<br><br>I been trying this for a couple of hours to have on a SVG image links to open in a lightbox!<br><br>And i cant find 
any information how to convert the &quot;rel=&quot; all lightboxes use to in the link into SVG format!..<br><br>I tried many variations!.. <br><br>This is in the html!.. of course it it also includes all the HTML and SVG meta data!<br><div class="PreContainer"><pre>&lt;a xlink:href=&quot;images/fullscreen/2.jpg&quot; xlink:rel=&quot;prettyPhoto&quot;&gt;<br><br>&lt;path id=&quot;samambaia-liveaboard-speedboat-tender&quot; class=&quot;st27&quot; d=&quot;M114.8,134.2c-0.3-0.2-4.3-3-2.6-4c1.3-0.8,3.4,2.3,3.4,2.3<br>			s1.6-5,3.5-3.8c2.2,1.4-1.5,4.2-1.5,4.2s4.2,0,6.2,0c2,0,2.9-3.2,3.2-3.5c0.3-0.3,0.8-0.5,1.2-0.5c0.1,0,1,0.1,2,0.2v-4<br>			c0,0,65,0,85.3,0c20.3,0,30.2,15.8,30.2,15.8s-9.9,15.8-30.2,15.8c-20.3,0-85.3,0-85.3,0v-4.3c-1.1,0.1-1.9,0.2-2,0.2<br>			c-0.4,0-0.9-0.2-1.2-0.5s-1.2-3.5-3.2-
 3.5c-2,0-6.2,0-6.2,0s3.7,2.8,1.5,4.2c-1.9,1.2-3.5-3.8-3.5-3.8s-2,3-3.4,2.3<br>			c-1.7-1,2.3-3.8,2.6-3.9c-0.3-0.2-4.3-3-2.6-4c1.3-0.8,3.4,2.3,3.4,2.3s1.6-5,3.5-3.8c2.2,1.4-1.5,4.2-1.5,4.2s4.2,0,6.2,0<br>			c2,0,2.9-3.2,3.2-3.5c0.3-0.3,0.8-0.5,1.2-0.5c0.1,0,1,0.1,2,0.2v-2.6c-1.1,0.1-1.9,0.2-2,0.2c-0.4,0-0.9-0.2-1.2-0.5<br>			c-0.3-0.3-1.2-3.5-3.2-3.5c-2,0-6.2,0-6.2,0s3.7,2.8,1.5,4.2c-1.9,1.2-3.5-3.8-3.5-3.8s-2,3-3.4,2.3<br>			C110.5,137.2,114.6,134.4,114.8,134.2z&quot;/&gt;<br>&lt;/a&gt;<br><br>&lt;/g&gt;</pre></div><br>So its opens the picture in the same tab, but not in the PrettyPhoto!..<br><a rel="nofollow" target="_blank" href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clon
 e/</a><p><br></p><p>Its not just prettyPhoto i tried also other lightboxes!..<br></p><br>Any help would be nice!.. Thanks



<!-- |**|begin egp html banner|**| -->

<br>


<br>

<!-- |**|end egp html banner|**| -->


<div width="1" style="color: white; clear: both;"/>__._,_.___</div>

      
  

    
    <div id="fromDMARC" style="clear:both; margin-top: 10px;">
         <hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
         Posted by: [email protected]         <hr style="height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E3E3;">
    </div>
<!-- Start Recommendations -->
<!-- End Recommendations -->


<!-- |**|begin egp html banner|**| -->

<br><br>
<tt>
-----<BR>
To unsubscribe send a message to: [email protected]<BR>
-or-<BR>
visit <a href="http://groups.yahoo.com/group/svg-developers">http://groups.yahoo.com/group/svg-developers</a> and click &quot;edit my membership&quot;<BR>
----</tt>
<br><br>

<!-- |**|end egp html banner|**| -->



<!-- |**|begin egp html banner|**| -->

  <img src="http://geo.yahoo.com/serv?s=97476590/grpId=1298421/grpspId=1706030390/msgId=66531/stime=1456191549" width="1" height="1"> <br>

<!-- |**|end egp html banner|**| -->

  
<!-- |**|begin egp html banner|**| -->

<br>



   
     
 
        <!-- |**|begin egp html banner|**| -->
        <div id="ygrp-vital" style="background-color: #f2f2f2; font-family: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">

        <span id="vithd" style="font-weight: bold; color: #333; text-transform: uppercase; "><a href="https://groups.yahoo.com/neo/groups/svg-developers/info;_ylc=X3oDMTJldW5ycTJnBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTQ1NjE5MTU0OA--" style="text-decoration: none;">Visit Your Group</a></span>

     <ul style="list-style-type: none; margin: 0; padding: 0; display: inline;">
            <li style="border-right: 1px solid #000; font-weight: 700; display: inline; padding: 0 5px; margin-left: 0;">
      <span class="cat"><a href="https://groups.yahoo.com/neo/groups/svg-developers/members/all;_ylc=X3oDMTJmN2wyNTRlBF9TAzk3MzU5NzE0BGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzE0NTYxOTE1NDg-" style="text-decoration: none;">New Members</a></span>
      <span class="ct" style="color: #ff7900;">1</span>
    </li>
                                              </ul>
  </div>


<div id="ft" style="font-family: Arial; font-size: 11px; margin-top: 5px; padding: 0 2px 0 0; clear: both;">
  <a href="https://groups.yahoo.com/neo;_ylc=X3oDMTJkMmJoN2cyBF9TAzk3NDc2NTkwBGdycElkAzEyOTg0MjEEZ3Jwc3BJZAMxNzA2MDMwMzkwBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxNDU2MTkxNTQ5" style="float: left;"><img src="http://l.yimg.com/ru/static/images/yg/img/email/new_logo/logo-groups-137x15.png" height="15" width="137" alt="Yahoo! Groups" style="border: 0;"/></a>
  <div style="color: #747575; float: right;"> &bull; <a href="https://info.yahoo.com/privacy/us/yahoo/groups/details.html" style="text-decoration: none;">Privacy</a> &bull; <a href="mailto:[email protected]?subject=Unsubscribe" style="text-decoration: none;">Unsubscribe</a> &bull; <a href="https://info.yahoo.com/legal/us/yahoo/utos/terms/" style="text-decoration: none;">Terms of Use</a> </div>
</div>

<!-- |**|end egp html banner|**| -->

  </div> <!-- ygrp-msg -->

   


  <br>

<!-- |**|end egp html banner|**| -->


<div style="color: white; clear: both;"/>__,_._,___</div>
</body>

</html>

--9nlWnTS9ocNmxdhsK3FKVLWiM6a5jwOaA8HvrLV--